@charset "UTF-8";
@font-face {
	font-family: "Figtree";
	src: url("../font/Figtree-VariableFont_wght.ttf") format("woff2");
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Figtree_L";
	src: url("../font/Figtree-VariableFont_wght.ttf") format("woff2");
	font-weight: 300;
	font-display: swap;
}
@font-face {
	font-family: "Figtree_M";
	src: url("../font/Figtree-VariableFont_wght.ttf") format("woff2");
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: "Figtree_S";
	src: url("../font/Figtree-VariableFont_wght.ttf") format("woff2");
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: "Figtree_B";
	src: url("../font/Figtree-VariableFont_wght.ttf") format("woff2");
	font-weight: 700;
	font-display: swap;
}
:root {
	--m-main-color: #ff8c00;
	--m-hover-color:#e68004;
	--m-secon-color:#0a2540;
	--m-thir-color:#334155;
	--m-four-color:#64748b;
	--m-fift-color:#475569;
	--m-fmtxt-color:#cbd5e1;
	--m-smtxt-color:#94a3b8;
	--m-btn-color: #ff8c00;
	--m-bot-color: #0a2540;
	--m-sec-color: #0a2540;
	--m-bul-color: #d4d4d5;
	--m-bor-color: #e2e8f0;
	--m-bor2-color: #334155;
	--m-bor3-color: #e2e3e9;
	--m-bor4-color: #e2e9e6;
	--m-bor5-color: #e5e7eb;
	--m-secbg-color: #f8f9fa;
	--m-secbg2-color: #fafafa;
	--m-secbg3-color: #f9fafb;
	--m-ncbg-color: #f1f3f5;
	--m-topbg-color: #0a2540;
	--m-nav-color: #0a2540;
	--m-num-color: #ff8c00;
	--m-tshadow-color: 19, 50, 83;
	--m-tshadow2-color: 255, 140, 0;
	--m-tshadow3-color: 10, 37, 64;
	--m-tshadow4-color: 36, 44, 56;
	--body-font: "Figtree", sans-serif;
	--text-bold-font: "Figtree_B", sans-serif;
	--text2-bold-font: "Figtree_S", sans-serif;
	--sec-title-font: "Figtree_B", sans-serif;
	--nav-title-font: "Figtree_B", sans-serif;
	--date-title-font: "Figtree_B", sans-serif;
	--btn-title-font: "Figtree_S", sans-serif;
	--num-title-font: "Figtree_B", sans-serif;
	--ab-title-font: "Figtree_S", sans-serif;
	--stxt-title-font: "Figtree", sans-serif;
	--wtxt-title-font: "Figtree_L", sans-serif;
	--logtxt-title-font: "Figtree_B", sans-serif;
	--mdei-title-font: "Figtree_M", sans-serif;
  	--semi-title-font: "Figtree_S", sans-serif;
	--blac-title-font: "", sans-serif;
}
@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.woff2?t=1784165439024') format('woff2'),
       url('../font/iconfont.woff2?t=1784165439024') format('woff'),
       url('../font/iconfont.woff2?t=1784165439024') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dianhua8:before { content: "\e668";}
.icon-weizhi:before { content: "\e671";}
.icon-quote:before { content: "\e6c4";}
.icon-whatsapp1:before { content: "\e667";}
.icon-huihua1:before {content: "\e665";}
.icon-gongsi1:before { content: "\e769";}
.icon-gongsi2:before { content: "\e664";}
.icon-gongsi3:before {content: "\e698";}
.icon-liuyan1:before { content: "\e6d4";}
.icon-daohang2:before { content: "\e65a";}
.icon-xinwen_o:before { content: "\ebca";}
.icon-book:before { content: "\e65b";}
.icon-about-us:before { content: "\e6d7";}
.icon-xiazai:before { content: "\e65c";}
.icon-shipin:before {content: "\e6b9";}
.icon-zhengshu:before { content: "\efd6";}
.icon-help-question-1--circle-faq-frame-help-info-mark-m:before { content: "\e73e";}
.icon-a-chanpin3x:before { content: "\e661";}
.icon-xin:before { content: "\e6b4";}
.icon-huihua-copy:before {content: "\e6ed";}
.icon-message_5:before {content: "\e61f";}
.icon-huihua:before { content: "\e64f";}
.icon-gongwenbao-mianxing:before {content: "\e90f";}
.icon-gongzuorenyuan:before { content: "\e658";}
.icon-shezhichilun:before {content: "\e659";}
.icon-youxiang9:before {content: "\e61b";}
.icon-a-dianhua2:before {content: "\e6df";}
.icon-youshangjiantou:before { content: "\e8c7";}
.icon-jiantouyou1:before { content: "\e68e";}
.icon-youjian:before { content: "\e649";}
.icon-youxiang:before { content: "\e60e";}
.icon-dianhua6:before {content: "\e617";}
.icon-xiangyou:before {content: "\e606";}
.icon-left:before {content: "\e607";}
.icon-yuyan:before { content: "\e64c";}
.icon-dianhua11:before {content: "\e640";}
.icon-youxiang6:before {content: "\e641";}
.icon-youxiang7:before {content: "\e648";}
.icon-youxiang8:before {content: "\e655";}
.icon-dianhua13:before {content: "\e656";}
.icon-dianhua15:before {content: "\e657";}
.icon-dianhua9:before {content: "\e63f";}
.icon-zixun:before {content: "\e618";}
.icon-youxiang5:before {content: "\e63e";}
.icon-youxiang4:before {content: "\e660";}
.icon-phone:before { content: "\e654";}
.icon-youxiang-02:before {content: "\e63c";}
.icon-youxiang3:before {content: "\e672";}
.icon-zuojiantou1:before {content: "\e64e";}
.icon-xunpan_huanpan:before {content: "\e6a1";}
.icon-biaoqian1:before {content: "\e63b";}
.icon-arrowbottom:before {content: "\e6a2";}
.icon-arrowtop:before {content: "\e6b2";}
.icon-rili2:before {content: "\e6c5";}
.icon-youjiantou1:before {content: "\e64a";}
.icon-chanpinfenlei:before {content: "\e634";}
.icon-chanpinfenleiguanli:before { content: "\e636";}
.icon-zuojiantou:before { content: "\e6cd";}
.icon-dizhi6:before { content: "\e652";}
.icon-youxiang2:before { content: "\e774";}
.icon-my_youxiang_ico:before { content: "\e631";}
.icon-email2:before { content: "\ec6a";}
.icon-kttx:before { content: "\e626";}
.icon-biaoqian:before { content: "\e629";}
.icon-arrowright:before {content: "\e62c";}
.icon--:before { content: "\e60c";}
.icon-user-verify:before { content: "\e76c";}
.icon-rili:before { content: "\e6a6";}
.icon-datet:before { content: "\e77e";}
.icon-rili1:before { content: "\e642";}
.icon-message2:before { content: "\e6c6";}
.icon-youjiantou:before {content: "\e605";}
.icon-zaixianlianxi:before {content: "\e620";}
.icon-dizhi5:before {content: "\e7c1";}
.icon-gerenziliao:before {content: "\e678";}
.icon-daifenxi:before { content: "\e650";}
.icon-lianxiren1:before { content: "\e608";}
.icon-liuyanban:before { content: "\e624";}
.icon-microsoftteams:before { content: "\e62d";}
.icon-liuyan4:before { content: "\e976";}
.icon-read-area:before { content: "\e72f";}
.icon-zaixianliuyan:before { content: "\e6dd";}
.icon-a-dizhi1x:before {content: "\e625";}
.icon-zaixianliuyan1:before { content: "\e6db";}
.icon-yuangongsushe:before {content: "\e62e";}
.icon-yuangongdiaodong:before { content: "\e630";}
.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-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-chanpin:before { content: "\e601";}
.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-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-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-fayoujian:before {content: "\e61d";}
.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-fayoujian3:before { content: "\e764";}
.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;}}

img:is([sizes="auto" i], [sizes^="auto," i]) { contain:layout size;/*关键!启用尺寸约束 */ contain-intrinsic-size: 3000px 1500px;}
@media(max-width:768px){
img:is([sizes="auto" i],[sizes^="auto,"i]){contain-intrinsic-size: 1200px 600px;}
}

h2{ font-weight: normal; font-size: inherit;}
h3{ 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.8rem; padding-right: 1.8rem;}
.container5 {width: 100%; padding-left: 1.64rem; padding-right: 1.64rem;}
.container6 {width:94%; margin: 0 auto; padding: 0;}
.container7 {width: 100%; padding-left: 0.8rem; padding-right: 0.8rem;}
.container8 {width: 100%; padding-left: 1.2rem; padding-right: 1.2rem;}
.container9{width: 100%; max-width: 16.42rem; margin: 0 auto; padding: 0;}
@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)  {.container6{padding-left: 0.3rem; padding-right: 0.3rem;width: 100%; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container6{padding-left: 15px; padding-right: 15px;width: 100%; max-width: 100%;}}
@media screen and (max-width: 992px)  {.container7{padding-left: 0.3rem; padding-right: 0.3rem;width: 100%; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container7{padding-left: 15px; padding-right: 15px;width: 100%; max-width: 100%;}}
@media screen and (max-width: 992px)  {.container8{padding-left: 0.3rem; padding-right: 0.3rem;width: 100%; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container8{padding-left: 15px; padding-right: 15px;width: 100%; max-width: 100%;}}
@media screen and (max-width: 1700px)  {.container9{padding-left: 0.6rem; padding-right: 0.6rem;width: 100%; max-width: 100%;}}
@media screen and (max-width: 992px)  {.container9{padding-left: 0.3rem; padding-right: 0.3rem;width: 100%; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container9{padding-left: 15px; padding-right: 15px;width: 100%; max-width: 100%;}}

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

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left; }
.col-sm-12 { width: 100%;}
.col-sm-11 { width: 91.66666667%;}
.col-sm-10 { width: 83.33333333%;}
.col-sm-9 { width: 75%;}
.col-sm-8 { width: 66.66666667%;}
.col-sm-7 { width: 58.33333333%;}
.col-sm-6 { width: 50%;}
.col-sm-5 { width: 41.66666667%;} 
.col-sm-4 { width: 33.33333333%;}
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%;}
.col-sm-1 { width: 8.33333333%;}
}
@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:var(--body-font); color:#64748b; 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;}}

.embed-responsive {position: relative;overflow: hidden;height: 0;padding-bottom: 56.25%;}
.embed-responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*reset*/
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0; min-height: 1px;}
*,::after,::before {box-sizing: border-box;}
.clearfix:before,.clearfix:after{line-height:0; display:taFble; content:"";}
.clearfix:after{clear:both;}
.clear{ clear:both;}
.page ul,.about ul,.page_detail ul,.products_main ul{ padding-left: 16px;}
table td{padding: 5px;}
.table-responsive ul li {list-style-position: inside !important; }
.table-responsive td{ padding-left:8px}
.table-responsive {min-height: .01%; overflow-x: auto;}
.cform-item__wrap{ display:flex; align-items: center; font-size: 12px;}
.cform-item__wrap input{  width: 96px !important; padding: 0 5px  !important;}
.cform-item__wrap img{ height: auto;  display: inline-block; margin: 0 5px !important; max-width: 100px;}
#powerby,#powerby a{ display: inline-block; color: #c9c9c9; font-size: 13px}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin: 0; padding: 0; font-weight: normal;}
.tl{ text-align: left !important;}
.tc{ text-align: center !important;}
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 { vertical-align: middle; 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;}
html {scrollbar-width: thin;scrollbar-color: #888 #f1f1f1;}

/* LINKS */
a{-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out; text-decoration: none; color: #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; padding-left: 0;}
.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_n1:before{background-image: url("data:image/svg+xml,%3Csvg t='1753667558818' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1900' width='24' height='24'%3E%3Cpath d='M512.896 128c96 0 172.8 76.8 172.8 172.8 0 96-76.8 172.8-172.8 172.8-96 0-172.8-76.8-172.8-172.8-6.4-96 76.8-172.8 172.8-172.8m0-64c-134.4 0-236.8 108.8-236.8 236.8s108.8 236.8 236.8 236.8c134.4 0 236.8-108.8 236.8-236.8S640.896 64 512.896 64z' fill='%23d5d5d5' p-id='1901'%3E%3C/path%3E%3Cpath d='M332.224 589.504h6.4c6.4 0 6.4 6.4 12.8 6.4 32 44.8 89.6 76.8 147.2 76.8h25.6c57.6 0 115.2-25.6 147.2-76.8 0-6.4 6.4-6.4 12.8-6.4 57.6 0 128 6.4 128 172.8 6.4 38.4-12.8 83.2-38.4 115.2-12.8 6.4-25.6 12.8-38.4 12.8H293.824c-12.8 0-32-6.4-44.8-12.8-25.6-32-38.4-70.4-38.4-108.8v-12.8c-6.4-51.2 12.8-108.8 51.2-147.2 19.2-12.8 44.8-19.2 70.4-19.2m0-64c-38.4 0-76.8 12.8-108.8 32-57.6 51.2-83.2 128-76.8 204.8-6.4 57.6 12.8 121.6 57.6 160 25.6 19.2 57.6 32 89.6 32h435.2c32 0 57.6-12.8 83.2-32 44.8-44.8 64-102.4 57.6-166.4 0-236.8-134.4-236.8-198.4-236.8-25.6 0-44.8 12.8-57.6 38.4-25.6 32-57.6 51.2-96 51.2h-25.6c-38.4 0-70.4-19.2-96-44.8-12.8-19.2-38.4-32-64-38.4 6.4 0 0 0 0 0z' fill='%23d5d5d5' p-id='1902'%3E%3C/path%3E%3Cpath d='M677.824 525.504v64c57.6 0 134.4 0 134.4 172.8 0 38.4-6.4 89.6-38.4 115.2-12.8 12.8-32 12.8-44.8 12.8H287.424c-6.4 0-25.6 0-44.8-19.2-32-25.6-38.4-76.8-38.4-115.2 0-51.2 6.4-121.6 51.2-153.6 25.6-19.2 57.6-19.2 83.2-19.2l12.8 12.8c32 32 64 70.4 153.6 70.4 96 0 134.4-44.8 153.6-70.4l12.8-12.8 6.4-57.6m0 0c-32 0-44.8 19.2-57.6 38.4-19.2 25.6-44.8 51.2-108.8 51.2s-83.2-25.6-108.8-44.8c-12.8-19.2-32-38.4-64-38.4-25.6 0-76.8 0-115.2 32-51.2 38.4-76.8 108.8-76.8 204.8 0 76.8 19.2 128 57.6 160 32 25.6 70.4 32 89.6 32h435.2c19.2 0 51.2-6.4 83.2-32 38.4-32 57.6-89.6 57.6-166.4 6.4-236.8-134.4-236.8-192-236.8z' fill='%23d5d5d5' p-id='1903'%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 span.ms_cy:before{background-image: url("data:image/svg+xml,%3Csvg t='1756179286305' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7463' width='20' height='20'%3E%3Cpath d='M1024 512c0 282.7776-229.2224 512-512 512S0 794.7776 0 512 229.2224 0 512 0s512 229.2224 512 512z m-51.2 0q0-87.9104-32.3584-169.6256-35.1232-88.7296-102.6048-156.2112t-156.2112-102.6048Q599.9104 51.2 512 51.2t-169.6256 32.3584q-88.7296 35.1232-156.2112 102.6048T83.5584 342.3744Q51.2 424.0896 51.2 512t32.3584 169.6256q35.1232 88.7296 102.6048 156.2112t156.2112 102.6048Q424.0896 972.8 512 972.8t169.6256-32.3584q88.7296-35.1232 156.2112-102.6048t102.6048-156.2112Q972.8 599.9104 972.8 512z' p-id='7464' fill='%23d5d5d5'%3E%3C/path%3E%3Cpath d='M768 512c0 282.7776-114.6368 512-256 512s-256-229.2224-256-512S370.6368 0 512 0s256 229.2224 256 512z m-51.2 0q0-199.9872-69.5808-339.1488-32.4096-64.8192-72.7552-96.768Q543.0272 51.2 512 51.2t-62.464 24.8832q-40.3456 31.9488-72.7552 96.768Q307.2 312.0128 307.2 512q0 199.9872 69.5808 339.1488 32.4096 64.8192 72.7552 96.768Q480.9728 972.8 512 972.8t62.464-24.8832q40.3456-31.9488 72.7552-96.768Q716.8 711.9872 716.8 512z' p-id='7465' fill='%23d5d5d5'%3E%3C/path%3E%3Cpath d='M51.2 537.6h204.8v-51.2H51.2v51.2zM307.2 486.4v51.2h409.6v-51.2H307.2zM768 537.6h204.8v-51.2h-204.8v51.2z' p-id='7466' fill='%23d5d5d5'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_ad:before{background-image: url("data:image/svg+xml,%3Csvg t='1774516914051' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6256' width='28' height='28'%3E%3Cpath d='M510.5664 130.048c-184.7296 0-334.848 150.1184-334.848 334.848 0 127.5904 93.3888 208.896 176.128 294.7072 28.2624 29.2864 97.0752 93.3888 134.3488 127.5904 13.9264 12.4928 35.0208 12.4928 48.9472 0 36.864-34.2016 105.6768-97.8944 133.9392-127.5904 84.5824-87.6544 176.128-167.5264 176.128-294.7072 0-184.7296-150.1184-334.848-334.6432-334.848zM651.0592 696.32c-31.9488 31.5392-106.496 100.1472-131.6864 124.1088-4.9152 4.5056-12.4928 4.5056-17.6128 0-26.0096-24.1664-103.8336-96.256-131.2768-123.4944-65.1264-64.7168-131.2768-133.9392-131.2768-232.2432-0.4096-150.1184 120.832-271.36 270.9504-271.36 150.1184 0 271.36 121.2416 271.36 271.36 0.4096 98.0992-65.1264 167.3216-130.4576 231.6288z m0 0' p-id='6257' fill='%23d5d5d5'%3E%3C/path%3E%3Cpath d='M510.5664 309.8624c-77.2096 0-140.288 62.8736-140.288 140.288 0 77.2096 62.8736 140.288 140.288 140.288 77.2096 0 140.288-62.8736 140.288-140.288-0.2048-77.4144-63.0784-140.288-140.288-140.288z m0 220.16c-44.4416 0-80.4864-36.0448-80.4864-80.4864s36.0448-80.4864 80.4864-80.4864c44.4416 0 80.4864 36.0448 80.4864 80.4864s-36.0448 80.4864-80.4864 80.4864z m0 0' p-id='6258' fill='%23d5d5d5'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_zc:before{background-image: url("data:image/svg+xml,%3Csvg t='1774517100898' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9842' width='24' height='24'%3E%3Cpath d='M811.198 101.708H242.882c-92.909 0-165.899 71.487-165.899 162.491 0 51.99 46.466 97.461 99.557 97.461h398.12c19.94 0 33.213-12.998 33.213-32.494 0-19.496-13.273-32.515-33.214-32.515H176.54c-19.919 0-33.17-12.998-33.17-32.473 0-52.011 46.444-97.503 99.535-97.503H811.22c53.05 0 99.557 45.492 99.557 97.503v492.257c0 51.969-46.508 97.482-99.557 97.482H242.882c-53.09 0-99.535-45.513-99.535-97.482V524.172c0-19.496-13.294-32.515-33.171-32.515-19.92 0-33.193 13.019-33.193 32.515v232.305c0 91.004 73.011 162.47 165.9 162.47h568.315c92.93 0 165.878-71.466 165.878-162.47V264.2c0-91.004-72.968-162.49-165.878-162.49zM441.953 556.645c19.898 0 33.171-12.998 33.171-32.494 0-19.497-13.251-32.515-33.171-32.515H309.225c-19.92 0-33.171 13.018-33.171 32.515 0 19.475 13.251 32.494 33.171 32.494h132.728z m302.881 167.338c19.878 0 33.193-12.997 33.193-32.473 0-19.538-13.315-32.536-33.193-32.536h-103.81c-19.878 0-33.13 12.998-33.13 32.536 0 19.476 13.252 32.473 33.13 32.473h103.81z' fill='%23d5d5d5' p-id='9843'%3E%3C/path%3E%3C/svg%3E");} 

.inquiry ul li input{background:#fff;height:50px;width:100%;line-height:50px;padding-right:45px; color:#999; border: 1px solid #e7e7e7; border-radius:5px; padding-left: 10px;font-size: 14px;}
.inquiry ul li textarea{height:1.5rem;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:var(--m-sec-color); 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 var(--m-main-color); 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: var(--m-ncbg-color); min-height: 0.5rem; padding:0.15rem;}
.inquiry  .subject_title a{ color:var(--m-sec-color) ;  text-decoration: underline;}
.inquiry  .subject_title span{ font-size:0.14rem; color:var(--m-sec-color); margin-right:0.1rem;}

.ms_btn{position: relative; padding: 0 0.24rem; color: #fff; text-transform: uppercase; border-radius:5px; 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{ font-size: 15px; border-radius:4px; display: inline-flex; justify-content: center; align-items: center; padding:0 0.24rem; line-height:44px; color: #fff; font-family:var(--btn-title-font); position: relative; text-transform:capitalize; background:var(--m-btn-color); 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: 46px;}
.ms_btn:after{ position: absolute; right:15px; top: 0; height: 100%; display: inline-block; content: ''; line-height: 20px; width: 18px;background-image: url("data:image/svg+xml,%3Csvg t='1753668461933' class='icon' viewBox='0 0 1301 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2108' width='24' height='24'%3E%3Cpath d='M625.060497 840.402545l358.962638-358.962638a71.839907 71.839907 0 0 0 0-101.511625l-358.962638-358.903412A71.780682 71.780682 0 0 0 523.548872 122.536495l236.426142 236.366917H71.780682a71.839907 71.839907 0 0 0 0 143.62059h688.194332L523.548872 739.00937a71.780682 71.780682 0 1 0 101.511625 101.511625z m0 0' p-id='2109' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.18rem auto; background-position: right center; background-repeat: no-repeat; 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.68rem;}
.main-menu>li:last-child{ margin-right: 0;}
.main-menu>li:first-child{ padding-left: 0;}
.main-menu>li>a{ position: relative;}
.main-menu>li.active>a,.main-menu>li:hover>a{color:var(--m-main-color); text-decoration: none;}
.main-menu>li>a:before{ width: 0; height: 2px; content: ''; position: absolute; bottom:28%; left: 0; background:var(--m-main-color); 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; padding: 10px 0;top: 100%;left: 0;margin-top: 0;margin-bottom: 0;min-width: 368px;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; 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:5px;font-size: 14px; -webkit-transform: scaleY(0);-khtml-transform: scaleY(0);-moz-transform: scaleY(0); -ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0); visibility: hidden;}
.main-menu .sub-menu li, .main-menu .children li {padding: 0 8px;border-bottom: 1px solid #eee;}
.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; font-family: var(--stxt-title-font);}
.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: var(--m-main-color);}
.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: 0.36rem; margin-right: 0.12rem; transition: all .3s ease-in-out;}
.main-menu .sub-menu .menu-children a.title:hover img {-webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
.main-menu .sub-menu .menu-children a:hover{ color: #fff;}

.main-menu .sub-menu li.menu-children>a:after, .main-menu .children li.menu-children>a:after, .main-menu .sub-menu li.page_item_has_children>a:after, .main-menu .children li.page_item_has_children>a:after {content: "\f105";font-family: "FontAwesome";position: absolute;right:6px;top: 50%;-webkit-transform: translate(0, -50%);-khtml-transform: translate(0, -50%);-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%); font-size: 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: 100%; max-width: 100%; padding: 0; margin-left: auto; margin-right: auto; left: 0 !important; right: 0 !important; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); overflow: hidden;}
.main-menu li.megamenu .sub-menu{ width: 100%; border-radius: 0; background: var(--m-secbg2-color); overflow: hidden;}
.megamenu .sub-menu .nav_li{ width: 80%; padding-bottom: 0.3rem; padding-top: 0.3rem; display: flex; flex-wrap: wrap; margin: 0 auto;}
.megamenu .sub-menu .nav_li a.simg{ padding: 0;}
.megamenu .sub-menu .nav_li a.simg img{ max-width: 0.4rem;}
.megamenu .sub-menu .nav_li a.simg:hover{ background: none;}
.megamenu .sub-menu .nav_li .n_li{ width: 100%; overflow: hidden;}
.megamenu .sub-menu .nav_li .title{ display: flex; padding: 0.15rem 0; align-items: center; justify-content: center; padding-bottom:5px; border-bottom: 1px solid #e0e0e2;}
.megamenu .sub-menu .nav_li .title a{ padding: 0; font-size: 0.18rem; line-height:0.28rem; color: var(--m-sec-color); font-family:var(--text-bold-font); text-transform: capitalize;}
.megamenu .sub-menu .nav_li .sub-menu li a{ padding: 6px 4px;}
.megamenu .sub-menu .nav_li a.title1{ display: flex; padding: 0.1rem 0; align-items: center; margin-bottom: 0.05rem; border-bottom: 1px solid #eee;}
.megamenu .sub-menu .nav_li a.title1{ font-size: 0.18rem; line-height:0.26rem; color: #0f0d1d; font-family:var(--text-bold-font);}
.megamenu .sub-menu .nav_li a.title1:hover{ background: none;}
.megamenu .sub-menu .nav_li a.title2{ color: var(--m-main-color); font-size: 16px; line-height:0.28rem; font-family:var(--text-bold-font);}
.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 .title1:hover,.megamenu .sub-menu .nav_li .title:hover,.megamenu .sub-menu .nav_li>li>ul>li>ul>li>a:hover{ background: none;}
.megamenu .sub-menu .nav_li>li{ float:left; width: 25%; padding: 0 0.15rem; margin-bottom: 0.15rem; text-align: center; border: none;}
.megamenu .sub-menu .nav_li>li:nth-child(4n+1){ clear: both;}
.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{ border: none;}
.megamenu .sub-menu .nav_li>li>ul>li>ul>li{ border: none;}
.megamenu .sub-menu .nav_li>li>ul>li>ul>li>a{ position: relative; width: 100%; color:#111; display: block; font-size: 14px; padding: 0.05rem 0; padding-left: 0.1rem;}
.megamenu .sub-menu .nav_li a:hover{ color: var(--m-hover-color);}
.megamenu .sub-menu .nav_li>li>ul>li>ul>li>a:hover{ color: var(--m-hover-color);}
.megamenu .sub-menu .nav_li .img{ width: 100%; padding: 0; overflow: hidden;}
.megamenu .sub-menu .nav_li .img img{ border-radius: 0.1rem;}

.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;}
.main-menu .megamenu .sub-menu .nav_li>li>ul>li>ul>li>a:after{ display: block; content: "\f105"; font-family: "FontAwesome"; position: absolute; left: 0; top: 50%; color: #bfbfbf; -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%);}
.main-menu .megamenu .sub-menu .nav_li>li>ul>li>ul>li>a:hover:after{ opacity: 1; display: block; color: var(--m-hover-color) !important;}
}
@media screen and (max-width:992px) {
.main-menu .sub-menu .menu-children a.title img{display: none;}
.megamenu>.sub-menu>li.img{display: none;}
.header-navigation { position: absolute; height: 100vh; width: 100%; top: 0; left: 0; bottom: 0; margin: 0!important; visibility: hidden; z-index: 9999999; overflow: hidden;}
.header-navigation .main-navigation { 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); overflow: hidden;}
.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: var(--m-sec-color) !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: var(--m-hover-color);}
.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: 10px 24px 10px 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: var(--m-hover-color);}
.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; font-family:FontAwesome; font-size: 20px;cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;}
.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 { content: ""; background-color: var(--m-main-color); display: block; height: 2px; margin: auto; position: absolute; left: 15px; width: 0.26rem; top:5px; -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 {top:0}
#menu-mobile .btn-nav-mobile span {	bottom:-1px;}
#menu-mobile .btn-nav-mobile.opened:before { top:8px;background: var(--m-main-color); -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: var(--m-main-color);}
#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: var(--m-sec-color); line-height: 30px; font-size: 14px; margin-bottom: 10px;}
.nav_con a{ color: var(--m-sec-color); line-height: 36px;}
.nav_con .email_btn{ display: inline-block; border-radius: 5px; font-family:var(--text-bold-font);background:var(--m-main-color); color: #fff; line-height: 36px; padding: 0 10px; float: right; }}
.header-navigation.navigation-open .nav_overly{z-index: 99999;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}

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

/*language*/
.language{list-style: none; float: right; position: relative; margin-left: 0.24rem; padding-left: 0.24rem; text-align: center; transition: 0.6s all; overflow: hidden;}
.language:after{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.1rem; width: 1px; height: 0.2rem; background: rgba(255, 255, 255, 0.15);}
.language .p{ padding-left: 0.3rem; height: 0.4rem; line-height: 0.4rem; font-size: 14px; color:#fff; text-transform: capitalize; display: flex; align-items: center; background-image: url("data:image/svg+xml,%3Csvg t='1782978673880' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='38371' width='200' height='200'%3E%3Cpath d='M512 953.705412A439.898353 439.898353 0 0 1 70.294588 512 439.898353 439.898353 0 0 1 512 70.294588 439.898353 439.898353 0 0 1 953.705412 512 439.898353 439.898353 0 0 1 512 953.705412zM512 143.962353c-201.185882 0-368.097882 166.851765-368.097882 368.097882 0 201.185882 166.851765 368.097882 368.097882 368.097883 201.185882 0 368.097882-166.851765 368.097882-368.097883 0-201.185882-166.851765-368.097882-368.097882-368.097882z' fill='%23ffffff' p-id='38372'%3E%3C/path%3E%3Cpath d='M512 953.705412c-127.638588 0-220.882824-191.367529-220.882824-441.705412 0-250.337882 93.244235-441.705412 220.882824-441.705412 127.638588 0 220.882824 191.367529 220.882824 441.705412 0 250.337882-98.183529 441.705412-220.882824 441.705412zM512 143.962353c-68.668235 0-147.215059 157.033412-147.215059 368.097882 0 211.064471 78.486588 368.097882 147.215059 368.097883 68.668235 0 147.215059-157.033412 147.215059-368.097883 0-211.064471-78.486588-368.097882-147.215059-368.097882z' fill='%23ffffff' p-id='38373'%3E%3C/path%3E%3Cpath d='M875.218824 394.179765H138.962824a33.551059 33.551059 0 0 1-34.334118-34.334118c0-19.636706 14.697412-39.273412 34.334118-39.273412H875.218824c19.636706 0 39.213176 14.757647 39.213176 39.273412 0 24.515765-19.576471 34.334118-39.213176 34.334118z m0 309.248H138.962824a38.731294 38.731294 0 0 1-39.213177-39.273412c0-24.515765 14.697412-39.273412 39.213177-39.273412H875.218824c19.636706 0 39.213176 14.757647 39.213176 39.273412a38.731294 38.731294 0 0 1-39.213176 39.273412z' fill='%23ffffff' p-id='38374'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.22rem; background-repeat: no-repeat; background-position: left center; position: relative;z-index: 5;transition: 0.6s all;}
.language .p img{ max-width: 0.24rem; border-radius: 50%; margin-right: 0.08rem; line-height: 0; overflow: hidden;}
.language .p i{ padding-left: 0.06rem; color: rgba(255, 255, 255, 0.8);}
.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: var(--m-hover-color);}
.language ul li:hover{ background: #f7f7f7;}
.language ul li img{ max-width: 18px; margin-right: 6px; border-radius: 50%; float: left; overflow: hidden;}
.language ul li a{ line-height: 22px; padding: 5px ; display: flex;align-items: center; color: #777;}
.language ul li a:hover{ color: var(--m-hover-color);}

.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) {
.language:after{ display: none;}
.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:36px;}
.mob_language{ margin-top: 0.3rem; }
.mob_language p,.mob_sns p{ font-size: 0.22rem; color: var(--m-sec-color); padding-bottom:5px; text-transform: capitalize; font-family:var(--text-bold-font);}
.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:0; overflow: hidden;}
.mob_sns{ margin-top: 0.2rem;}
.mob_sns a{ display: inline-flex; max-width: 0.36rem; border-radius: 5px; background: var(--m-main-color); overflow: hidden;}
/* .mob_sns a img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} */
}

@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: var(--m-sec-color); font-size: 0.26rem; line-height: 0.36rem; margin-top: 0.2rem; text-align: center; margin-bottom: 0.2rem; text-transform: capitalize;font-family:var(--text-bold-font);}
.search_section{ position: relative; line-height: 0; float: right; cursor: pointer;}
/* .search_section:after{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 0.15rem; background: rgba(255, 255, 255, 0.3);}
 */
.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: var(--m-sec-color); font-style: normal; font-size: 14px; border:none; background-color: unset; border-radius: unset; background-image: url("data:image/svg+xml,%3Csvg t='1784793308325' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='14104' width='200' height='200'%3E%3Cpath d='M455.494979 805.069193c-194.888903 0-353.441893-158.552792-353.441893-353.434928 0-194.881113 158.55299-353.433905 353.441893-353.433905S808.944036 256.753152 808.944036 451.634265C808.944036 646.515378 650.383882 805.069193 455.494979 805.069193M455.494979 185.194516c-146.920627 0-266.44426 119.526018-266.44426 266.439749 0 146.914754 119.523633 266.440772 266.44426 266.440772s266.4504-119.526018 266.4504-266.440772C721.945379 304.720534 602.415606 185.194516 455.494979 185.194516' fill='%23475569' p-id='14105'%3E%3C/path%3E%3Cpath d='M868.304189 917.954991c-13.70566 0-27.402111-5.228061-37.85865-15.678043L645.790086 717.636039c-20.905916-20.906104-20.905916-54.804077 0-75.714274 20.914103-20.899964 54.806268-20.899964 75.718324 0l184.654429 184.640908c20.90694 20.906104 20.90694 54.804077 0 75.714274C895.705277 912.72693 882.008826 917.954991 868.304189 917.954991' fill='%23475569' p-id='14106'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.22rem auto; background-repeat: no-repeat; background-position: center center; text-align: center; transition: 0.6s all;}
.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:5px; padding: 0.4rem 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-left: 0.15rem; padding-right:55px; border:none; border-radius:5px; box-shadow: none; float: none; border: 1px solid #eee; box-shadow: 0 2px 4px 0px rgb(0 0 0 / 8%) inset;}
.search_main .form-control:focus{ color:var(--m-sec-color);}
.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='1782439995153' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2516' width='20' height='20'%3E%3Cpath d='M455.494979 805.069193c-194.888903 0-353.441893-158.552792-353.441893-353.434928 0-194.881113 158.55299-353.433905 353.441893-353.433905S808.944036 256.753152 808.944036 451.634265C808.944036 646.515378 650.383882 805.069193 455.494979 805.069193M455.494979 185.194516c-146.920627 0-266.44426 119.526018-266.44426 266.439749 0 146.914754 119.523633 266.440772 266.44426 266.440772s266.4504-119.526018 266.4504-266.440772C721.945379 304.720534 602.415606 185.194516 455.494979 185.194516' fill='%23ffffff' p-id='2517'%3E%3C/path%3E%3Cpath d='M868.304189 917.954991c-13.70566 0-27.402111-5.228061-37.85865-15.678043L645.790086 717.636039c-20.905916-20.906104-20.905916-54.804077 0-75.714274 20.914103-20.899964 54.806268-20.899964 75.718324 0l184.654429 184.640908c20.90694 20.906104 20.90694 54.804077 0 75.714274C895.705277 912.72693 882.008826 917.954991 868.304189 917.954991' fill='%23ffffff' p-id='2518'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.24rem auto; background-repeat: no-repeat; background-position: center center; background-color:var(--m-main-color); border-radius: 0 5px 5px 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: 2%; top: 10%; width: 0.5rem; height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: 20px; text-align: center; background: #a8a8a8; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.close-search i{ font-size: 0.2rem;}
.search_tags{ max-width: 8rem;  margin: 0.2rem auto 0; text-align: center;}
.search_tags a{ display: inline-block; background: #f7f7f7; color: #777; font-size: 14px; line-height: 0.26rem; padding: 0.03rem 0.15rem; margin-bottom: 0.04rem; border-radius: 5px;}
.search_tags a:hover{ background: var(--m-hover-color); color: #fff;}

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

/*Search*/
.search_rcom{ display: flex; align-items: center; padding-top: 0.16rem; overflow: hidden;}
.search_web{position: relative; z-index: 1; width: 2rem; margin-left: 0.2rem; border: none; background: none; border-radius: 0; border-left: 1px solid rgba(255, 255, 255, 0.15);}
.search_web .form-control{ width:100%; font-size: 14px; height:0.58rem; color:rgba(255, 255, 255, 0.5); float:left; padding-left: 0.2rem; line-height:0.58rem; background:unset; border:none; border-radius:unset; 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:#fff;}
.search_web .search_btn{ display:block; width:0.4rem; border-radius: 0; cursor:pointer; border:none; position:absolute; top: 0; bottom:0; right: 0; background-color: unset; background-image: url("data:image/svg+xml,%3Csvg t='1772982281409' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2454' width='20' height='20'%3E%3Cpath d='M420.5 775.9c-196.6 0.2-356.1-159.1-356.2-355.7C64.1 223.6 223.4 64.1 420 63.9c196.6-0.1 356.1 159.1 356.2 355.8 0.1 94.6-37.5 185.3-104.4 252.1-66.6 66.6-157 104.1-251.3 104.1z m0-591.1c-130.1 0.8-235 107-234.2 237.1s107 235 237.1 234.2c130.1-0.8 235-107 234.2-237.1-0.4-62.1-25.2-121.5-69.2-165.3-44.4-44.6-104.9-69.5-167.9-68.9z m479.7 775.3c-16-0.2-31.3-6.6-42.5-17.9L586.8 671.8c-23-23.7-23-61.4 0-85.1 23.3-23.5 61.2-23.7 84.7-0.4l0.4 0.4 270.9 270.4c23.5 23.7 23.3 62-0.4 85.5-11.2 11.1-26.4 17.4-42.2 17.5z' fill='%23db0f1a' p-id='2455'%3E%3C/path%3E%3C/svg%3E"); text-align: center; transition: 0.6s all; background-repeat: no-repeat; background-position: right 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: var(--m-sec-color);text-transform: uppercase;margin-bottom: 10px; font-style: normal; margin: 0.18rem 0;  border-bottom: 3px solid var(--m-sec-color); 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:5px;-moz-border-radius:5px;border-radius:5px;opacity: 0.5}
.select-show .select-content::-webkit-scrollbar-thumb {background-color:#004082;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.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;}
.select-content .main .sel-wrap .i_title .title_txt{ font-size: 0.42rem; line-height: 0.5rem;}
/* @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-color: rgba(0, 0, 0, 0.3); margin: 0; border-radius: 50%; box-shadow: 0 0px 30px 0 rgb(0 0 0 / 10%); background-image: url("data:image/svg+xml,%3Csvg t='1783651402979' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='16791' width='200' height='200'%3E%3Cpath d='M677.888 512L246.272 943.616a47.104 47.104 0 0 0 66.56 66.56l464.896-464.896a47.104 47.104 0 0 0 0-66.56L312.832 13.824a47.104 47.104 0 0 0-66.56 66.56z' p-id='16792' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.16rem auto; background-repeat: no-repeat; background-position:  center center;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 16px; color: #5b626f;}
.swiper-button-next:after, .swiper-button-prev:after{ display: none; font-size: 0.28rem; color: #18181a; font-weight: bold;}
.swiper-button-prev{transform: scaleX(-1);}

.button_inside{ overflow: hidden;}
.button_inside,.button_outside{ position: relative;}
.button_outside .swiper-button-prev{ position: absolute; top: 50%; left: -0.8rem; 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.8rem; 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: 40px; height: 40px; border-radius: 50%; margin-top: -20px; box-shadow: 0 0px 30px 0 rgb(0 0 0 / 10%);}
.button_inside .swiper-button-next{ position: absolute; top: 50%; right:0.1rem; width: 40px; height: 40px; border-radius: 50%; margin-top: -20px; 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;}

.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock { display: none !important;}

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

/*glightbox*/
#inline-form{ max-width: 10rem; display: none; padding: 0;}
#inline-form .main{ padding: 0.3rem;}
#inline-form .inquiry{ padding:0.15rem 0 0.2rem;}
#inline-form .tinq_title{ padding-top: 0.1rem; font-size: 0.36rem; line-height:1.1; font-family: var(--sec-title-font); color: var(--m-sec-color); text-transform: capitalize;}
#inline-form .tinq_title span{ display: none;}
#inline-form .select-img img{ border-radius: 5px; overflow: hidden;}
.gslider .gslide-inline { background: transparent !important; max-width: 100%;}

.glightbox-search-skin .gnext,
.glightbox-search-skin .gprev,
.glightbox-inquiry-skin .gnext,
.glightbox-inquiry-skin .gprev,
.glightbox-svideo-skin .gnext,
.glightbox-svideo-skin .gprev{ display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;}
.glightbox-container:not(.glightbox-search-skin):not(.glightbox-inquiry-skin):not(.glightbox-svideo-skin) .gnext,
.glightbox-container:not(.glightbox-search-skin):not(.glightbox-inquiry-skin):not(.glightbox-svideo-skin) .gprev {display: flex !important; visibility: visible !important; opacity: 1 !important; z-index: 1000000 !important; background: rgba(0, 0, 0, 0.6) !important; border-radius: 6px; width: 45px; height: 65px;}

.glightbox-clean .gslide-description{ background: none !important;}
.glightbox-clean .gslide-title{ margin: 0; color: #fff !important; font-family: var(--body-font) !important;}
.glightbox-clean .gdesc-inner{ text-align: center;}

@media screen and (max-width:1200px) {
#inline-form .select-img{ display: none;}
#inline-form .col-sm-6 { width: 100% !important;}
}
@media screen and (max-width:992px) {
#inline-form .main>.row>div{ width: 100%;}
#inline-form{ max-height: 90%; overflow: auto;}
}
@media screen and (max-width:768px) {
#inline-form{ margin: 0; max-height: 500px; overflow-y: scroll;}
#inline-form .inquiry{ padding-right: 0;}
.gslider .gslide-inline{ max-width: 90%;}
}

body.glightbox-open,html.glightbox-open,body.gslightbox-open { overflow: auto !important; overflow-x: hidden !important; padding-right: 0 !important; margin-right: 0 !important;}
body,header,.header,.site-header,.wrapper {transition-property: background-color, color, opacity !important;}
header[style*="position: fixed"], 
.fixed-top {padding-right: 0 !important; right: 0 !important;}

/*search_section*/
.search_section .search_input {display: none;}
.gslide-inline .search_input { display: block !important; width: 100%; position: relative; box-sizing: border-box; background: #fff; padding: 0.35rem 0.25rem; border-radius: 12px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);}
.glightbox-container .gslide-inline { background: transparent !important; box-shadow: none !important; padding: 0 !important;}
.gslide-inline .close-search { position: absolute; top: 0.15rem; right: 0.15rem; color: #999; cursor: pointer; transition: color 0.2s;}
.gslide-inline .close-search:hover {color: var(--m-sec-color);}

.gl-custom-thumbnails { position: absolute; bottom: 0.3rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.08rem; padding:0.1rem; background: rgba(0, 0, 0, 0.75); border-radius: 6px; max-width: 90%; overflow-x: auto; z-index: 99999; scroll-behavior: smooth; box-shadow: 0 4px 12px rgba(0,0,0,0.5);}
.gl-custom-thumbnails::-webkit-scrollbar { height: 0px; display: none;}
.gl-thumb-item { flex-shrink: 0; width: 0.45rem; height:  0.45rem; object-fit: cover; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; cursor: pointer; opacity: 0.6; transition: all 0.2s ease;}
.gl-thumb-item:hover { opacity: 0.9;}
.gl-thumb-item.active { border: 2px solid var(--m-main-color); box-shadow: 0 0 0 1px #fff; opacity: 1;}
.gnext, .gprev { width: 0.4rem; height: 0.6rem; border-radius: 4px; background: rgba(0, 0, 0, 0.5) !important;}

/* zoom-window */
.prom_img #pro_img_gallery .swiper-slide { position: relative; overflow: hidden;}
.prom_img #pro_img_gallery .zoom-window { position: absolute; width: 180px; height: 180px; border: 3px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius: 0.1rem; background-repeat: no-repeat; display: none; z-index: 99; pointer-events: none !important; }
.prom_img #pro_img_gallery .gl-custom-thumbnails {position: relative;}
.prom_img #pro_img_gallery .gl-active-mask { position: absolute; top: 0; left: 0; width: 45px; height: 45px; border: 2px solid var(--m-main-color); box-shadow: 0 0 0 1px #fff; border-radius: 3px; pointer-events: none; z-index: 2; opacity: 0; transition: all 0.12s cubic-bezier(0.25, 1, 0.5, 1) !important; }
.prom_img #pro_img_gallery .gl-thumb-item { cursor: pointer; box-sizing: border-box; transition: opacity 0.2s ease;}

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

/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden;}
.banner #banner-video{ width: 100%; max-width: 100%;}
.banner img{ width: 100%;}
.banner .swiper-slide { position: relative; width: 100%; overflow: hidden;}
/* .banner .swiper-slide img,.banner .swiper-slide video {  width: 100%; display: block;}
.banner .swiper-slide img { height: auto;}
.banner .swiper-slide video { position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} */
.banner .progress-bar {position: absolute;bottom: 0;left: 0;height: 5px;background:rgba(255,255,255,0.4);width: 0%;z-index: 15;transition: width 0.1s linear;}
.banner .swiper-pagination{ position: absolute; bottom: 0.3rem; z-index: 99999; width: auto; left: 50%;transform: translate(-50%, 0);}
.banner .swiper-button-prev, .banner .swiper-button-next{ z-index: 99999; margin-top: -0.2rem; position: absolute; box-shadow:none}
.banner .swiper-button-prev, .banner .swiper-button-next { width: 0.48rem; height: 0.48rem; margin-top: -0.24rem; text-align: center; line-height: 0.48rem; color: #fff;transition: all .3s ease; background-color: rgba(0, 0, 0, 0.24); border-radius: 50%;}
.banner .swiper-button-next { right: 0.2rem;}
.banner .swiper-button-prev { left: 0.2rem;}
.banner .swiper-pagination-bullet{ border:none; background: rgba(255, 255, 255, 0.7);}
.banner .swiper-pagination-bullet-active{ border:2px solid var(--m-main-color); background:var(--m-main-color);}
.banner .swiper-pagination-bullet-active p{ border-bottom: 1px solid rgba(3,161,92,0.2);}
.banner .a{ display: block;position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner .swiper-fade .swiper-slide-active,.banner .swiper-fade .swiper-slide-active .swiper-slide-active{ z-index: 99;}
.banner .swiper-slide-active{ display: block; position: relative; z-index: 666;}
.banner .swiper-slide img {display: block;width: 100%;}
.banner .swiper-slide .banner_text {position: absolute; width: 100%; bottom:59%; left:50%; transform: translate(-50%, 50%); z-index: 9999;}
.banner .swiper-slide .banner_text .banner_box{ width:40%; text-align: left;}
.banner .swiper-slide .banner_text .text{ font-size:0.6rem; line-height:0.8rem; color:#fff; font-family: var(--sec-title-font); transform: translateY(15px); opacity: 0;}
.banner .swiper-slide .banner_text .p{ margin-top: 0.28rem; font-size: 0.24rem; line-height: 0.32rem; color: #fff; transform: translateY(30px); opacity: 0; overflow: hidden;}

.banner .swiper-slide-active .banner_text .text{transition: all 0.5s ease 0.8s; transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .p{transition: all 1s ease 1.2s; transform: translateY(0);  opacity: 1;}

@media only screen and (max-width: 992px){
.banner .swiper-slide .banner_text .text{ font-size:0.5rem; line-height:0.64rem;}
.banner .swiper-button-prev, .banner .swiper-button-next{ display: none;}
}
@media only screen and (max-width: 768px){
.banner .swiper-slide .banner_text .text{ font-size:0.34rem; line-height:0.44rem;}
.banner .swiper-slide .banner_text .p{ margin-top: 0.12rem; font-size: 0.2rem; line-height: 0.3rem;}
.banner .swiper-pagination{ display: none;}
}
@media only screen and (max-width:700px){	
.banner .swiper-slide .banner_text .text{ font-size:0.28rem; line-height:0.36rem;}
}
@media only screen and (max-width:600px){
.banner .swiper-slide .banner_text .text{ font-size:0.24rem; line-height:0.34rem;}
.banner .swiper-slide .banner_text .p{ font-size:14px; line-height: 20px;}
}
@media only screen and (max-width:480px){
.banner .swiper-slide .banner_text { bottom:50%;}
.banner .swiper-slide .banner_text .text{ font-size:0.2rem; line-height:0.3rem;}
}

/*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; display: inline-flex; height:0.52rem; min-height: 40px; padding:0 0.3rem; color:#fff; text-transform: capitalize; border-radius:4px; font-family:var(--btn-title-font); background: var(--m-btn-color); align-items: center; justify-content: center; white-space: nowrap; -webkit-transition: 1.2s ease; transition: 1.2s ease;}
.my_more1:after{ content: ''; width: 0; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E %3Cpath d='M7 3.5C7 2.67157 6.32843 2 5.5 2C4.67157 2 4 2.67157 4 3.5V3.66667C4 4.58714 4.74619 5.33333 5.66667 5.33333H7V3.5Z' fill='white'/%3E %3Cpath d='M10 7C10 6.07953 9.25381 5.33333 8.33333 5.33333H7V8.66667H8.33333C9.25381 8.66667 10 7.92048 10 7Z' fill='white'/%3E %3Cpath d='M7 8.66667H5.66667C4.74619 8.66667 4 9.41286 4 10.3333V10.5C4 11.3284 4.67157 12 5.5 12C6.32843 12 7 11.3284 7 10.5V8.66667Z' fill='white'/%3E %3C/svg%3E"); background-size: 0.14rem auto; background-repeat: no-repeat; background-position: 0.06rem center; flex-shrink: 0; transition: 0.5s;}
.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{ background:var(--m-hover-color);}
.my_more1:hover:before{ width: 100%;}
.my_more1:hover:after{ width: 0.16rem;}

.my_more2{ position: relative; display: inline-flex; height:0.52rem; min-height: 40px; padding:0 0.3rem; color:var(--m-main-color); text-transform: capitalize; border-radius:4px; font-family:var(--btn-title-font); background: #fff; align-items: center; justify-content: center; white-space: nowrap; -webkit-transition: 1.2s ease; transition: 1.2s ease;}
.my_more2:after{ content: ''; width: 0; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E %3Cpath d='M7 3.5C7 2.67157 6.32843 2 5.5 2C4.67157 2 4 2.67157 4 3.5V3.66667C4 4.58714 4.74619 5.33333 5.66667 5.33333H7V3.5Z' fill='white'/%3E %3Cpath d='M10 7C10 6.07953 9.25381 5.33333 8.33333 5.33333H7V8.66667H8.33333C9.25381 8.66667 10 7.92048 10 7Z' fill='white'/%3E %3Cpath d='M7 8.66667H5.66667C4.74619 8.66667 4 9.41286 4 10.3333V10.5C4 11.3284 4.67157 12 5.5 12C6.32843 12 7 11.3284 7 10.5V8.66667Z' fill='white'/%3E %3C/svg%3E"); background-size: 0.14rem auto; background-repeat: no-repeat; background-position: 0.06rem center; flex-shrink: 0; transition: 0.5s;}
.my_more2: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_more2:hover{ color: #fff; background:var(--m-hover-color);}
.my_more2:hover:before{ width: 100%;}
.my_more2:hover:after{ width: 0.16rem;}

.n_main .my_more1{ height:40px; padding:0 0.2rem;}
.n_main .my_more2{ height:40px; padding:0 0.2rem;}
.m_main .my_more1{ height:40px; padding:0 0.2rem;}
.m_main .my_more2{ height:40px; padding:0 0.2rem;}

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

/*header_section*/
@-webkit-keyframes slideDown { 0% {-webkit-transform: translateY(-100%); transform: translateY(-100%);opacity: 0;}  100% { -webkit-transform: translateY(0);transform: translateY(0); opacity: 1;}}
@keyframes slideDown { 0% {-webkit-transform: translateY(-100%);transform: translateY(-100%); opacity: 0;} 100% {-webkit-transform: translateY(0);  transform: translateY(0); opacity: 1;}}
header.sticky{position: fixed;top: 0;left: 0;right: 0;z-index: 666666;-webkit-box-shadow: rgba(12, 82, 180, 0.15) 0px 4px 30px;box-shadow: rgba(12, 82, 180, 0.15) 0px 4px 30px; /* background: #fff; */ -webkit-animation: slideDown 0.5s ease-in-out forwards;animation: slideDown 0.5s ease-in-out forwards;}
header.sticky .nav_section .main{ border-bottom: none;}
.height{ height:1.44rem;}
.fixed-header{position:fixed; left:0; width: 100%; top: 0; z-index: 999999;}
@media screen and (min-width:992px) { header.sticky{backdrop-filter: blur(20px); background: #fff;}}

.nav_section { display: flex; align-items: center; z-index: 2; transition: all 0.5s ease-out;}
.nav_section .nav_r{ width: 100%; display: flex;align-items: center; justify-content: flex-end; position: relative;}
header #logo{display: inline-block; position: relative; z-index: 2;}
header #logo img{ max-height: 100%; width: auto;}
header #logo a{ display: block; line-height: 0; overflow: hidden;}
header #logo img{ max-width:2.04rem; transition: 0.4s all;}
.nav_section .main{ position: relative; width: 100%; display: flex;align-items: center; justify-content: space-between; transition: 0.4s;}
.main-menu>li>a { font-size: 0.2rem; color: var(--m-nav-color); line-height:0.28rem; padding:0.36rem 0; text-transform: uppercase; font-family:var(--nav-title-font); position: relative; background-position: center center;}
.main-menu>li>a>span{ position:relative; z-index: 555;}

.top_section{ width: 100%; background: var(--m-topbg-color);}
.top_section a:hover{ color: var(--m-main-color); text-decoration: underline;}
.top_section .top_box{ display: flex; align-items: center; justify-content:flex-end;}
.top_section .top_con{ display: flex; align-items: center; font-size: 15px; font-family: var(--wtxt-title-font);}
.top_section .top_con .con_li{ position: relative; list-style: none; line-height: 0.44rem; padding: 0 0.3rem; color: #fff; display: flex; align-items: center;}
.top_section .top_con .con_li:first-child{ padding-left: 0;}
.top_section .top_con .con_li:last-child{ padding-right: 0;}
.top_section .top_con .con_li:after {  content: ''; position: absolute;  right: 0; top: 50%; width: 1px; height: 0.2rem; margin-top: -0.1rem; background: rgba(255, 255, 255, 0.15);}
.top_section .top_con .con_li:last-child:after{ display: none;}
.top_section .top_con .con_li i{ font-size: 0.22rem; color: var(--m-main-color); margin-right: 0.1rem;}
.top_section .top_con .con_li:first-child i{ font-size: 0.24rem;}
.top_section .top_con .con_li a{ color: #fff; margin-left: 0.05rem;}
.top_section .top_con .con_li a:hover{ color: var(--m-main-color);}
header .cons_btn{ margin-left: 0.38rem; position: relative; display: inline-flex; font-size: 15px; height:0.48rem; min-height: 40px; padding:0 0.3rem; color:#fff; text-transform: capitalize; border-radius:4px; font-family:var(--btn-title-font); background: var(--m-btn-color); align-items: center; justify-content: center; white-space: nowrap; -webkit-transition: 1.2s ease; transition: 1.2s ease;}
header .cons_btn:after{ content: ''; width: 0.16rem; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E %3Cpath d='M7 3.5C7 2.67157 6.32843 2 5.5 2C4.67157 2 4 2.67157 4 3.5V3.66667C4 4.58714 4.74619 5.33333 5.66667 5.33333H7V3.5Z' fill='white'/%3E %3Cpath d='M10 7C10 6.07953 9.25381 5.33333 8.33333 5.33333H7V8.66667H8.33333C9.25381 8.66667 10 7.92048 10 7Z' fill='white'/%3E %3Cpath d='M7 8.66667H5.66667C4.74619 8.66667 4 9.41286 4 10.3333V10.5C4 11.3284 4.67157 12 5.5 12C6.32843 12 7 11.3284 7 10.5V8.66667Z' fill='white'/%3E %3C/svg%3E"); background-size: 0.14rem auto; background-repeat: no-repeat; background-position: 0.06rem center; flex-shrink: 0; transition: 0.5s;}
header .cons_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; }
header .cons_btn:hover{ background:var(--m-hover-color);}
header .cons_btn:hover:before{ width: 100%;}

@media screen and (min-width:992px) {
header.sticky  #logo img{ max-width:1.8rem;}
header.sticky .main-menu>li>a { padding: 0.24rem 0;}
header.sticky .top_section{ display: none;}
}
@media screen and (max-width:1860px) {
.search_section{margin-left: 0;}
.main-menu>li{ padding-right:0.4rem;}
}
@media screen and (max-width:1360px) {
header .cons_btn{ margin-left: 0.24rem;}
.main-menu>li>a { font-size: 0.18rem;}
}
@media screen and (max-width:1200px) {
.language p span{ font-size: 13px;}
.search_rcom{ display: none;}
.top_section .top_con{ font-size: 14px;}
}
@media only screen and (max-width:992px) {
.nav_section .cons_btn{ display: none;}
.main-menu>li.li_mob{ display: block;}
.top_section .top_con{ display: none;}
.top_section .top_box{ padding: 0;}
.nav_section{ padding: 0; height: 0;}
.nav_section #logo{ display: none;}
header.large #logo,header.sticky #logo{ display: none;}
.nav_section .top_sns{ display: none;}
.language{ position: absolute; right: 60px; top: 10px; z-index: 999999998; margin: 0; border: none; padding: 0; border-radius: inherit; background: none;}
.language .p{padding-left: 0.3rem; text-indent: -999px; color: #1d3557; background-size: 0.3rem auto; background-image: url("data:image/svg+xml,%3Csvg t='1761487677483' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='11023' width='30' height='30'%3E%3Cpath d='M890.75 351.99c-20.71-48.95-50.34-92.91-88.08-130.65-37.74-37.74-81.7-67.38-130.65-88.08-50.69-21.44-104.53-32.31-160.01-32.31-55.48 0-109.32 10.87-160.01 32.31-48.95 20.7-92.91 50.34-130.65 88.08-37.74 37.74-67.38 81.7-88.08 130.65-21.44 50.69-32.31 104.53-32.31 160.01 0 55.48 10.87 109.32 32.31 160.01 20.7 48.95 50.34 92.91 88.08 130.65 37.74 37.74 81.7 67.38 130.65 88.08 50.69 21.44 104.53 32.31 160.01 32.31 55.48 0 109.32-10.87 160.01-32.31 48.95-20.71 92.91-50.34 130.65-88.08 37.74-37.74 67.38-81.7 88.08-130.65 21.44-50.69 32.31-104.53 32.31-160.01 0-55.48-10.87-109.32-32.31-160.01z m-51.83 6.8H680.37c-8.03-47.58-19.85-91.39-35.07-129.13-10.12-25.09-21.51-46.77-33.92-64.81 100.74 28.88 183.58 100.52 227.54 193.94zM873.06 512c0 35.76-5.23 70.32-14.95 102.96H687.28c3.59-33.22 5.45-67.76 5.45-102.96 0-35.29-1.87-69.91-5.47-103.21h170.78c9.77 32.71 15.02 67.36 15.02 103.21zM512 873.06c-29.83 0-62.32-36.42-86.93-97.43-13.07-32.4-23.42-69.86-30.77-110.67h235.4c-7.35 40.8-17.7 78.27-30.77 110.67-24.61 61.01-57.1 97.43-86.93 97.43z m-125.01-258.1c-3.77-33.02-5.72-67.59-5.72-102.96 0-35.46 1.97-70.12 5.75-103.21h249.96c3.79 33.09 5.75 67.75 5.75 103.21 0 35.38-1.96 69.95-5.72 102.96H386.99zM512 150.94c29.83 0 62.32 36.42 86.93 97.43 13.04 32.34 23.37 69.71 30.72 110.42h-235.3c7.35-40.71 17.68-78.09 30.72-110.42 24.61-61.01 57.1-97.43 86.93-97.43z m-99.38 13.91c-12.41 18.04-23.8 39.72-33.92 64.81-15.22 37.74-27.04 81.55-35.07 129.13H185.09c43.95-93.42 126.79-165.06 227.53-193.94zM165.97 408.79h170.77c-3.6 33.3-5.47 67.92-5.47 103.21 0 35.2 1.86 69.74 5.45 102.96H165.89c-9.73-32.64-14.95-67.2-14.95-102.96 0-35.85 5.25-70.5 15.03-103.21z m19 256.17h158.61c8.03 47.68 19.86 91.57 35.12 129.37 10.12 25.09 21.51 46.77 33.92 64.81C311.8 830.25 228.89 758.5 184.97 664.96z m426.41 194.19c12.41-18.04 23.8-39.72 33.92-64.81 15.25-37.81 27.08-81.7 35.12-129.37h158.61C795.11 758.5 712.2 830.25 611.38 859.15z' p-id='11024' fill='%231d3557'%3E%3C/path%3E%3C/svg%3E"); overflow: hidden;}
.height{ height: 50px;}
.fixed-header{ background: rgba(255, 255, 255, 0.05); padding: 0;}
header,header.sticky{ background: none; box-shadow: none;}
.search_section{ height: 50px; position: absolute; right: 0; top: 8px; z-index: 999999999; background: none; margin: 0;}
.ico_search{ border: none; /*  margin-top: 8px; */ width: auto; border-radius: 5px; padding-left: 0; width: 34px; height: 34px; background-color: var(--m-btn-color); 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"); background-size: 0.2rem auto; overflow: hidden;}
/* .ico_search{ margin-top: 0px; width: auto; padding-left: 0; width: 50px; height: 50px; background-color: var(--m-main-color); background-position: center center; margin-left: 0px; margin-right: 0px; border-radius: 5px; background-size: auto !important; overflow: hidden;}
 */
.search_section{ padding-right: 0; border: none;}
.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:5px;}
header.sticky .ico_search{ display: block;}
.nav_section .nav_rt{ position: inherit;}
.main-menu>li.li_mob{ display: block;}
.nav_section .nav_r{ margin: 0; padding: 0; border-radius: inherit;}
}
@media only screen and (max-width:384px) {
.language{ right: 52px;}
.language .p{text-indent: -999em; }
}

/* Animated Title Border */
.animate-border { position: relative; display: block; width:50px; height:5px; background:var(--m-main-color); margin: 0 auto 0; border-radius: 2px;}
.tl .animate-border{  margin-left: 3px;}
.animate-border:after { position: absolute; content: ""; width:50px; height:5px; left: 0; bottom: 0; border-left: 5px 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.6rem; position: relative; z-index: 1;}
.i_title .title_stxt{ margin-bottom: 0.18rem; padding-left: 0.09rem;}
.i_title .title_stxt span{ position: relative; display: inline-block; padding: 0 0.15rem; font-size: 14px; line-height:0.3rem; color:#fff; text-transform: uppercase; font-family: var(--text-bold-font); background: var(--m-main-color); border-radius: 4px;}
.i_title .title_stxt span:after{content: ''; position: absolute; top: 0; left: -0.09rem; bottom: 0; width: 0.04rem; height: 100%; border-radius: 4px; background-color: var(--m-main-color);}
.i_title .title_txt{ position: relative; font-size: 0.52rem; line-height: 0.6rem; color: var(--m-sec-color); font-family: var(--sec-title-font); padding-bottom: 0.16rem; overflow: hidden;}
.i_title .title_txt:after{ content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0.64rem; height: 0.04rem; background: var(--m-main-color); border-radius: 0.1rem;}
.i_title .title_tt{ line-height: 24px; max-width: 8.8rem; margin:0.14rem 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.08rem; 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; transform: unset; margin: 0; background-position: left center;}
.tl.i_title .title_txt:after{ left: 0; transform: unset;}

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

@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;}
.i_title .title_stxt:after{bottom: 0.09rem;}
.i_title .title_stxt:before{bottom: 0.2rem;}
}

@media only screen and (max-width:768px) {
.i_title{ margin-bottom: 0.3rem;}
.i_title .title_txt{ font-size: 0.36rem; line-height: 0.44rem;/*  background: none; */ margin: 0;}
.i_title .title_tt{ font-size: 14px; line-height: 20px; margin-top: 0.05rem;}
.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%; transform: translateX(-50%);}
.i_title .title_stxt{ margin-bottom: 5px; display: none;}
}
@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.32rem; line-height: 0.38rem; 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:var(--m-main-color);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; opacity: 1; display: block; pointer-events: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; overflow: hidden;}
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.68rem 0 1rem; position: relative; background: var(--m-secbg-color); overflow: hidden;}
.pro_section .main{ margin:0 -0.15rem;}
.pro_section ul li{ list-style: none; float: left; width: 25%; height: auto; padding: 0 0.15rem; transition: 0.5s all;}
.pro_section ul li .li{ position: relative; padding: 0.24rem; height: 100%; background: #fff; border: 1px solid var(--m-bor-color); border-radius: 0.1rem; transition: 0.5s all; z-index: 1; overflow: hidden;}
.pro_section ul li .img{ display: block; position: relative; border-radius: 0.1rem; overflow: hidden;}
.pro_section ul li .img img{ width: 100%;}
.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{ position: relative; padding: 0.22rem 0 0.02rem; transition: 0.5s all; overflow: hidden;}
.pro_section ul li .li .title_h4{ color: var(--m-sec-color); font-size: 0.2rem; line-height: 0.3rem; font-family: var(--text-bold-font); display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.pro_section ul li .li p{ margin-top: 0.1rem; line-height:24px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.pro_section ul li .li .more{ margin-top: 0.15rem; display: inline-flex; align-items: center; color: var(--m-main-color); font-family: var(--btn-title-font); transition: 0.5s all; overflow: hidden;}
.pro_section ul li .li .more i{ font-size: 0.18rem; margin-left: 0.08rem; transition: 0.5s all;}
.pro_section ul li:hover .li .more i{ margin-left: 0.1rem; }
.pro_section ul li:hover .li{ border-color: var(--m-main-color); box-shadow: 0px 5px 20px rgba(0,0,0,0.05);}
.pro_section ul li .li:before{ content:''; position: absolute; left: 0; top: 0; width: 100%; height: 0; background: var(--m-main-color); z-index: -1; transition: .5s; overflow: hidden;}
.pro_section ul li:hover .li:before{ height: 100%;}
.pro_section ul li:hover .title_h4,
.pro_section ul li:hover p,
.pro_section ul li:hover .more{ color: #fff;}
.pro_section .swiper-scrollbar{ margin:0.68rem auto 0; width: 14.4rem;}

@media only screen and (max-width:992px) {
.pro_section{ padding: 0.5rem 0;}
.pro_section ul li{ width: 33.33%;}
.pro_section .swiper-scrollbar{ margin:0.4rem auto 0; width: calc(100% - 0.3rem);}
}
@media only screen and (max-width:768px) {
.pro_section{ padding: 0.4rem 0;}
.pro_section .main{ margin:0 -0.1rem;}
.pro_section ul li{ width: 50%; padding: 0 0.1rem;}
.pro_section ul li .li .title_h4{ font-size: 16px; line-height: 24px;}
}
@media only screen and (max-width:620px) {
.pro_section ul li .li{ padding: 0.14rem;}
}
@media only screen and (max-width:440px) {
.pro_section ul li{ width:100%;}
}

/*induf_section*/
.induf_section{ padding: 0.74rem 0 1.24rem; position: relative; background: url(../images/induf_bg.jpg) no-repeat center bottom; background-size: cover; overflow: hidden;}
.induf_section .swiper-button-prev,
.induf_section .swiper-button-next{ width: 0.6rem; height: 0.6rem; box-shadow: none; background-color: #fff; border: 1px solid var(--m-bor2-color); border-radius: 4px; background-image: url("data:image/svg+xml,%3Csvg t='1786952948184' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='13805' width='200' height='200'%3E%3Cpath d='M242.005 1000.334c-29.013-27.875-28.444-74.524 0-102.969L627.485 512l-385.48-385.365c-28.444-28.445-28.444-74.525 0-102.97s74.525-28.444 102.97 0l437.02 436.907c15.587 13.768 38.912 61.327 0 102.97l-437.02 436.906c-20.595 21.732-67.243 34.247-102.97-0.114z' fill='%23334155' p-id='13806'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.18rem auto; transition: all 0.5s ease-out;}
.induf_section .swiper-button-next{ margin-left: 0.1rem;}
.induf_section .swiper-button-prev:hover,.induf_section .swiper-button-next:hover{ background-color: var(--m-secon-color); background-image: url("data:image/svg+xml,%3Csvg t='1786952948184' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='13805' width='200' height='200'%3E%3Cpath d='M242.005 1000.334c-29.013-27.875-28.444-74.524 0-102.969L627.485 512l-385.48-385.365c-28.444-28.445-28.444-74.525 0-102.97s74.525-28.444 102.97 0l437.02 436.907c15.587 13.768 38.912 61.327 0 102.97l-437.02 436.906c-20.595 21.732-67.243 34.247-102.97-0.114z' fill='%23ffffff' p-id='13806'%3E%3C/path%3E%3C/svg%3E");}
.induf_section .main{ position: relative; margin-top: 0.08rem; padding: 0 18.6%; overflow: hidden;}
.induf_section ul li{ list-style: none; padding-right: 0.3rem; position: relative; transition: 0.5s all; overflow: hidden;}
.induf_section ul li .li{ position: relative; border-radius: 0.1rem; transition: 0.5s all; overflow: hidden;}
.induf_section ul li .li .img{ position: relative; z-index: 1; overflow: hidden;}
.induf_section ul li .li .img a img{ width: 100%;}
.induf_section ul li:hover .li .img a img{ -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.induf_section ul li.swiper-slide-active .overly { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: linear-gradient(to bottom, rgba(var(--m-tshadow4-color), 0), rgba(var(--m-tshadow3-color), 1)); transition: 0.5s; pointer-events: none;}
.induf_section ul li .li .text{ position: absolute; left: 21%; bottom: 0.5rem; width: 58%; text-align: center; transition: opacity .5s linear; opacity: 0; z-index: 22;}
.induf_section ul li.swiper-slide-active{ opacity: 1;}
.induf_section ul li.swiper-slide-active .li .text{ opacity: 1;}
.induf_section ul li .li .text .title{ display: block; font-size: 0.28rem; line-height: 0.36rem; font-family:var(--text-bold-font); color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.induf_section ul li .li .text p{ margin-top: 0.1rem; color: #fff; line-height: 24px; margin-bottom: 0.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; text-overflow: ellipsis; overflow: hidden;}
.induf_section .swiper-pagination{ display: none;}

@media only screen and (max-width:1200px) {
.induf_section ul li .li .text{ left: 10%; width: 80%;}
}
@media only screen and (max-width:992px) {
.induf_section{padding: 0.4rem 0 0.6rem;}
.induf_section ul li .li .text{ left: 3%; width: 94%; bottom: 0.3rem;}
}
@media only screen and (max-width:768px) {
.induf_section{padding: 0.3rem 0;}
.induf_section .main{padding: 0 15px;}
.induf_section .induf_scrollbar { overflow: hidden;}
.induf_section ul li{padding-right: 0;}
.induf_section ul li .li .text{ position: inherit; margin: 0; width: 100%; padding: 0.3rem; left: inherit; bottom: inherit; background: var(--m-secon-color); border-radius: 0 0 0.1rem 0.1rem;}
.induf_section .swiper-button-prev,.induf_section .swiper-button-next{ display: none;}
.induf_section .swiper-pagination{ display: flex;}
.induf_section ul li.swiper-slide-active .overly{ display: none;}
}

/*why_section*/
.why_section{ padding: 0.78rem 0 1rem; position: relative; background-position: center center; background-size: cover; background-attachment: fixed; overflow:hidden;}
.why_section .i_title .title_txt{ color: #fff;}
.why_section .main{ margin: 0 -0.45rem;}
.why_section ul{ display: flex;}
.why_section ul li{ list-style: none; width: 25%; height: auto; padding: 0 0.45rem; position: relative; transition: all .31s ease-in-out; cursor: pointer; z-index: 2;}
.why_section ul li .li{ height: 100%; padding:0.32rem; background: rgba(var(--m-tshadow-color), 0.8); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.1rem; position: relative; z-index: 1; transition: all 0.4s ease-in-out;}
.why_section ul li:hover .li{ border-color:var(--m-main-color); margin-top: -0.04rem; box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}
.why_section ul li .icon{ margin-bottom: 0.24rem; width: 0.48rem; height: 0.48rem; border-radius: 0.1rem; background: rgba(var(--m-tshadow2-color), 0.15); display: flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out;}
.why_section ul li .icon img{ max-width: 0.36rem;}
.why_section ul li:hover .icon img{ transform: rotateY(180deg);}
.why_section ul li .text{ font-size: 0.2rem; line-height: 0.3rem; color:#fff; font-family:var(--text-bold-font); text-transform: capitalize; overflow: hidden;}
.why_section ul li p{ margin-top: 0.08rem; font-size: 15px; line-height: 24px; color:#fff; font-family: var(--wtxt-title-font); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden;}

@media only screen and (max-width:992px) {
.why_section{ padding: 0.4rem 0 0.6rem;}
.why_section .main{ margin: 0 -0.15rem;}
.why_section ul li{ width: 33.33%; padding: 0 0.15rem;}
}
@media only screen and (max-width:768px) {
.why_section{ padding: 0.3rem 0 0.5rem;}
.why_section .main{ margin: 0 -0.1rem;}
.why_section ul li{ width: 50%; padding: 0 0.1rem;}
}
@media only screen and (max-width:500px) {
.why_section ul li{ width: 100%;}
.why_section ul li p{ min-height: inherit;}
}

/*lsolu_section*/
.lsolu_section{ padding:1.1rem 0; position: relative; overflow: hidden;}
.lsolu_section .main{ position: relative; display: flex; margin-inline: auto; gap: 0.56rem;}
.lsolu_section .left,.lsolu_section .right{ width: 50%;}
.lsolu_section .left{ display: flex; flex-direction: column; gap: 0.94rem; margin-top: 0.6rem;}
.lsolu_section .left .i_title{ margin-bottom: 0.28rem;}
.lsolu_section .left p{ line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; text-overflow: ellipsis; overflow: hidden;}
.lsolu_section .left .more{ margin-top: 0.46rem;}
.lsolu_section .right{ display: flex; flex-direction: column; gap: 0.5rem;}
.lsolu_section .s_item{ position: relative; transition: all 0.5s ease-in-out;}
.lsolu_section .s_item .img{ display: block; position: relative; border-radius: 0.1rem; overflow: hidden;}
.lsolu_section .s_item .img img{ width: 100%;}
.lsolu_section .s_item:hover img{ -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.lsolu_section .s_item .wrap{ position: relative; background-color: #fff; padding: 0.38rem 0.5rem 0.36rem; margin: -1.38rem 0.48rem 0; border-radius: 0.1rem; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08); z-index: 1; overflow: hidden;}
.lsolu_section .s_item .wrap .num{ margin-bottom: 0.12rem; line-height: 24px; color: var(--m-main-color); font-family: var(--text-bold-font); overflow: hidden;}
.lsolu_section .s_item .wrap .title_h4{ font-size: 0.22rem; line-height: 0.3rem; color: var(--m-sec-color); font-family: var(--text-bold-font); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.lsolu_section .s_item .wrap p{ margin-top: 0.1rem; font-size: 15px; line-height: 0.26rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.lsolu_section .s_item .wrap span{ margin-top: 0.3rem; display: inline-block; padding: 0.04rem 0.1rem; font-size: 14px; line-height: 20px; color: var(--m-thir-color); font-family: var(--text-bold-font); border-radius: 4px; background: var(--m-bor-color); overflow: hidden;}
.lsolu_section .s_item .wrap:before{ content:''; position: absolute; left: 0; top: 0; width: 100%; height: 0; background: var(--m-main-color); z-index: -1; transition: .5s; overflow: hidden;}
.lsolu_section .s_item:hover .wrap:before{ height: 100%;}
.lsolu_section .s_item:hover .wrap .num,
.lsolu_section .s_item:hover .wrap .title_h4,
.lsolu_section .s_item:hover .wrap p{ color: #fff;}
.lsolu_section .s_item:hover .wrap span{ background: #fff;}

@media only screen and (max-width:992px) {
.lsolu_section{ padding: 0.6rem 0;}
}
@media only screen and (max-width:768px) {
.lsolu_section{ padding: 0.4rem 0;}
.lsolu_section .main{ flex-direction: column; gap: 0.3rem;}
.lsolu_section .left,.lsolu_section .right{ width:100%;}
.lsolu_section .left{ gap: 0.4rem; margin-top: 0;}
.lsolu_section .left .more{ margin-top: 0.2rem;}
.lsolu_section .s_item .wrap p{ font-weight: 14px;}
}
@media only screen and (max-width:680px) {
.lsolu_section .s_item .wrap{ padding: 0.3rem; margin: -1rem 0.2rem 0;}
}
@media only screen and (max-width:600px) {
.lsolu_section .s_item .wrap{ padding: 0.3rem 0.2rem; margin: -1rem 0.2rem 0;}
.lsolu_section .s_item .wrap span{ margin-top: 0.2rem;}
}

/*footer*/
#footer{color:rgba(255, 255, 255, 0.8); padding-top: 0.3rem; position: relative; background: var(--m-bot-color); background-size: cover !important; z-index: 666;}
#footer ul li{ list-style:none;}
#footer a{ color:rgba(255, 255, 255, 0.8);}
#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;}
#footer .ul li:hover a:after{ opacity: 1;}
#footer .footer_sns a{ float: left;}

#footer .footer_top{ text-align: center; padding: 0.3rem 0 0.4rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden;}
#footer .footer_top p{ max-width: 8.2rem; margin: 0.17rem auto 0; color: rgba(255, 255, 255, 0.5); line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
#footer .footer_sns{ padding-top: 0.26rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.12rem; overflow: hidden;}
#footer .footer_sns a{ max-width: 0.4rem; border-radius:50%; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden;}

#footer .footer_center{ padding-top: 0.45rem; overflow: hidden;}
#footer .footer_con{ float: left; width:31%; padding-right:10%;}
#footer .footer_follow{ float: left; width:21%; padding-right: 4%;}
#footer .footer_tags{ float: left; width:26%; padding-right: 4%;}
#footer .footer_email{ float: left; width:22%;}

#footer .title_h4{ color:#fff; text-transform:capitalize; font-size:0.26rem; position: relative; padding-bottom: 0.05rem; margin-top: 0.08rem; margin-bottom: 0.3rem; font-family:var(--semi-title-font);}
#footer .title_h4:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0.36rem; height: 2px; background: rgba(255, 255, 255, 0.1);}

#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:26px; line-height: 26px; margin-bottom: 0.08rem;}
#footer .footer_con ul li:last-child{ margin-bottom: 0;}
#footer .footer_con ul li:after{ position: absolute; left: 0px; top: 0px; content: ''; width: 22px; height: 26px; border-radius: 0; background-position: left center; background-repeat: no-repeat;}
#footer .footer_con .con_add:after{background-image: url("data:image/svg+xml,%3Csvg t='1743609980689' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='131508' width='20' height='20'%3E%3Cpath d='M524.245333 866.176a21.333333 21.333333 0 0 1-24.490666 0C308.821333 732.373333 213.333333 600.106667 213.333333 469.333333c0-200.298667 149.333333-298.666667 298.666667-298.666666s298.666667 98.368 298.666667 298.666666c0 130.773333-95.466667 263.04-286.421334 396.842667zM512 576a128 128 0 1 0 0-256 128 128 0 0 0 0 256z' fill='%23ffffff' p-id='131509'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_tel:after{background-image: url("data:image/svg+xml,%3Csvg t='1743610622464' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='158082' width='16' height='16'%3E%3Cpath d='M554.666667 341.333333a128 128 0 0 1 128 128 42.666667 42.666667 0 0 0 85.333333 0 213.333333 213.333333 0 0 0-213.333333-213.333333 42.666667 42.666667 0 0 0 0 85.333333z' fill='%23ffffff' p-id='158083'%3E%3C/path%3E%3Cpath d='M554.666667 170.666667a298.666667 298.666667 0 0 1 298.666666 298.666666 42.666667 42.666667 0 0 0 85.333334 0 384 384 0 0 0-384-384 42.666667 42.666667 0 0 0 0 85.333334zM928 678.826667a42.666667 42.666667 0 0 0-30.72-27.733334l-256-58.453333a42.666667 42.666667 0 0 0-39.253333 11.093333c-5.973333 5.546667-6.4 5.973333-34.133334 58.88a422.826667 422.826667 0 0 1-207.786666-208.64C414.293333 426.666667 414.72 426.666667 420.266667 420.266667a42.666667 42.666667 0 0 0 11.093333-39.253334L372.906667 128a42.666667 42.666667 0 0 0-27.733334-30.72 161.706667 161.706667 0 0 0-30.72-7.68A168.106667 168.106667 0 0 0 281.6 85.333333 196.266667 196.266667 0 0 0 85.333333 281.6 657.92 657.92 0 0 0 742.4 938.666667a196.266667 196.266667 0 0 0 196.266667-196.266667 203.52 203.52 0 0 0-2.56-32.426667 185.173333 185.173333 0 0 0-8.106667-31.146666z' fill='%23ffffff' p-id='158084'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_email:after{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='16' height='16'%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");}
#footer .footer_con .con_whatsapp:after{background-image: url("data:image/svg+xml,%3Csvg t='1743611041558' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='167275' width='16' height='16'%3E%3Cpath d='M3.2 1024l73.6-262.4C32 684.8 9.6 598.4 9.6 508.8 6.4 227.2 233.6 0 515.2 0c134.4 0 262.4 54.4 358.4 150.4s147.2 224 147.2 358.4c0 278.4-227.2 508.8-508.8 508.8-86.4 0-169.6-22.4-243.2-60.8L3.2 1024z m281.6-163.2l16 9.6c64 38.4 137.6 57.6 214.4 57.6 233.6 0 422.4-188.8 422.4-422.4 0-112-44.8-217.6-124.8-297.6s-185.6-124.8-297.6-124.8c-233.6 3.2-422.4 192-422.4 425.6 0 80 22.4 156.8 64 224l9.6 16-41.6 156.8 160-44.8z' fill='%23ffffff' p-id='167276'%3E%3C/path%3E%3Cpath d='M387.2 294.4c-9.6-25.6-19.2-22.4-28.8-22.4h-25.6c-9.6 0-22.4 3.2-35.2 16C288 300.8 256 332.8 256 393.6c0 64 44.8 121.6 51.2 131.2 6.4 9.6 89.6 137.6 217.6 192 28.8 12.8 54.4 22.4 73.6 25.6 28.8 9.6 57.6 9.6 80 6.4 25.6-3.2 73.6-32 86.4-60.8 9.6-28.8 9.6-54.4 6.4-60.8-3.2-6.4-12.8-9.6-25.6-16-12.8-3.2-73.6-35.2-86.4-38.4-12.8-3.2-19.2-6.4-28.8 6.4-9.6 12.8-32 41.6-41.6 51.2-6.4 9.6-16 9.6-28.8 3.2-12.8-6.4-54.4-19.2-102.4-64-38.4-35.2-64-73.6-70.4-86.4-6.4-12.8 0-19.2 6.4-25.6 6.4-6.4 12.8-16 19.2-22.4 6.4-6.4 9.6-12.8 12.8-22.4 3.2-9.6 3.2-16 0-22.4-3.2-6.4-28.8-70.4-38.4-96z' fill='%23ffffff' p-id='167277'%3E%3C/path%3E%3C/svg%3E");}

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

#footer .footer_email p{ padding-top: 5px; margin-bottom: 0.2rem; line-height: 24px; overflow: hidden;}
#footer .footer_email .r_email{ width: 100%; position: relative; border:none; border-radius: 0; z-index: 2;}
#footer .remail_main{ width: 100%; padding-left: 0.4rem; height:44px; font-size: 14px; color:#333; line-height:100%; border:none; background-color: rgba(255, 255, 255, 1); border-radius: 5px; background-repeat: no-repeat;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='%23e0e0e0' p-id='13408'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.2rem auto;background-position: 0.12rem center; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
#footer  input.remail_main::placeholder{color:#b6b6b6;}
#footer .remail_main:focus{color:#333;}
#footer .email_btn{ margin-top: 0.14rem; display: flex; position: relative; padding: 0 0.3rem; height:44px; line-height: 44px; color: #fff; cursor: pointer; border-radius: 5px; font-family: var(--btn-title-font); background-color:var(--m-btn-color);}
#footer .email_btn input{ position: absolute; width: 100%; left: 0; right: 0; top: 0; cursor: pointer; background: none; color: #fff; text-transform: capitalize;}

.footer_bottom{color:rgba(255, 255, 255, 0.5); font-size: 14px; margin-top: 0.72rem; padding: 0.16rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer_bottom .footer_bmain{ display: flex; align-items: center; justify-content:space-between; flex-direction: column;}
.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 .right{ display: flex; justify-content: flex-end; flex-direction: column; text-align: right;}

.footer_bottom a{ color:rgba(255, 255, 255, 0.5) !important; margin: 0 4px;}
.footer_bottom .link{ display: inline-block;  margin: 0 0 0 4px;}
.footer_bottom .cop{ display: inline-block;}
.footer_bottom .cop a{margin: 0 0.05rem;}
.footer_bottom .ipv6{ display: flex; align-items: center; flex-wrap: wrap;}
.footer_bottom .ipv6 img{ margin: 0 0.06rem; vertical-align: middle;}
*:focus {outline: none;} 
.write_success{padding: 10px 0;margin: 0;display: flex;display: -webkit-flex;align-items:center;font-size: 15px;}
.write_success i{font-size:12px;margin-right:10px;color: #fff;width: 22px;height: 22px;border-radius: 50%;text-align: center;background:#109507 ;line-height: 22px;}
.write_success p{width: calc(100% - 34px);text-align: left;color: #fff; margin: 0 !important;}
.write_error{padding: 10px 0; margin: 0; display: flex;display: -webkit-flex;align-items:center;font-size: 15px;}
.write_error i{font-size:13px;margin-right:5px;color: #e9202c;width: 22px;height: 22px;border-radius: 50%;text-align: center;background:#fff ;line-height: 22px;}
.write_error p{width: calc(100% - 34px);text-align: left;color: #fff; margin: 0 !important;}
.validation-advice,.error_hint{color: #fff!important;font-size: 15px;margin: 6px 0;}
                           
@media screen and (max-width:992px) {
#footer{padding-top: 0.1rem;}
#footer .footer_top{ padding: 0.28rem 0;}
.footer_bottom{ display: block;}
#footer .footer_email{ width: 100%; padding: 0;}
#footer .footer_con{ width: 100%; border-right: none;}
#footer .footer_ab{ width: 100%; padding: 0 ;}
#footer .footer_ab p{margin-top: 0.05rem;}
#footer .footer_email{margin-top: 0.1rem;}
#footer .title_h4{ display: none;}
#footer .main{padding: 0 0.3rem;}
#footer .footer_center{ padding: 0; margin: 0;}
.footer_bottom{ padding-top: 0.15rem; margin-top: 0.2rem; margin-bottom: 0; border-bottom: none;}
.footer_bottom .left{ width: 100%; margin-bottom: 0.1rem;}
.footer_bottom .right{ text-align: left; width: 100%; justify-content: flex-start;}
.footer_bottom .ipv6{float: none; margin-left: 0; text-align: left; justify-content: flex-start;}
.footer_bottom .footer_bmain{ display: block; text-align: left;}
.footer_bottom .cop{margin-bottom:0; text-align: left;}
#footer .footer_con ul{ margin-bottom: 0;}
#footer .footer_sns{ margin-bottom: 0.08rem;}
#footer .footer_con .footer_logo{ margin-top: 0;margin-bottom: 0;}
}
@media screen and (max-width:768px) {
#footer .footer_logo{ display: inline-block; width: 1.8rem; margin-top: 0; padding: 0;}
#footer .footer_con .p{ display: none;}
#footer .footer_sns{margin-left: 0;}
#footer .footer_ab p{ margin-top: 0.12rem;}
}

/*back-top*/
.progress-wrap {position: fixed;right: 0.04rem;bottom: 60px;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;border-radius: 50px;
box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);z-index: 8888888;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;
transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;font-family: 'FontAwesome';content: "\f106";text-align: center;
line-height: 0.46rem;font-size: 0.24rem;color:var(--m-main-color) ;left: 0;top: 0;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;
z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path {stroke: var(--m-main-color) ;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;
transition: all 200ms linear;}
#whatsapp{z-index:9999999;position:fixed;right:0;bottom:0;font-size:12px; }
#floatShow2{display:block;}
#floatHide2{display:none;}
#whatsapp_tab #floatShow2{line-height:50px; padding-left: 50px; height: 50px; border-radius:5px 5px 0px 0px; background: var(--m-main-color); 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 i{ line-height: 0.5rem; font-size: 20px; color: #fff;}
#whatsapp_tab #floatShow2 .online_icon svg{width: 26px;height: 26px;fill: var(--m-main-color);transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open , #whatsapp_tab #floatShow .online_close{transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open{position: absolute;left: 0;top: 0;opacity: 0;display: inline-flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
#whatsapp_tab #floatShow2 .online_mobile{display: none;align-items: center;justify-content: center;width: 42px;height: 42px;transition: all .5s ease;}
#whatsapp_tab #floatShow2 .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: 50px;  font-family:var(--text-bold-font);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: 60px; top: 0.05rem; background: var(--m-main-color);}
#whatsapp_tab #floatHide2:after{border-radius:5px;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: var(--m-main-color); text-transform: capitalize; display: flex; fill:#fff; padding:10px 20px;align-items: center; }
#onlineService2 .title i { color: #fff; font-size: 0.3rem; margin-right: 0.1rem; line-height: 0.2rem;}
#onlineService2 .title .h4{ color: #fff; font-size: 0.2rem; font-family:var(--text-bold-font); 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:var(--m-main-color); 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 .online_icon .online_mobile i{ font-size: 28px;}
#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;}
#whatsapp_tab #floatHide2{ right: 0;}
}

/*fixed-contact*/
.fixed-contact { z-index:999999; position:fixed; right:0; top:40%; width:50px; margin-top:-90px; opacity:0; filter:alpha(opacity=0); transition:all .4s; transform: translateX(95px); -webkit-transform: translateX(95px); -moz-transform: translateX(95px); box-shadow: -30px 0px 50px rgba(0, 0, 0, 0.1); overflow:hidden;}
.fixed-contact.show{  transform:none; opacity:1;filter:alpha(opacity=100); }
.fixed-contact.active {width:260px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;background:var(--m-secon-color); 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 i{ width: 50px; height:50px; color: #fff; font-size: 18px; line-height: 50px; display: inline-block; text-align: center;}
.fixed-contact li i.icon-dianhua5{ font-size: 22px;}
.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:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.fixed-contact li a,.fixed-contact li .code_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,.fixed-contact.active li .code_a{right:50px;}
.fixed-contact .online_code .code_a img{max-width:80px; margin-right: 0.05rem; border-radius: 5px;}
.fixed-contact .online_code .code_a img:last-child{ margin: 0;}
.fixed-contact.active .online_code{height:130px;}
.fixed-contact.active .online_code a p,.fixed-contact.active .online_code .code_a p{margin:0;margin-bottom:5px;}
.fixed-contact.active .online_code .code_a{opacity:1;}
.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{ 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:3px;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;}
.mobile_nav a i{width: 32px;height:32px; font-size: 20px; color:#666;}
.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:var(--m-main-color);border-radius:5px;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;}
.pxq_main{ padding: 0.6rem 0 0.8rem;}
.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;}
.pxq_main{ 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;}
}

@media only screen and (min-width:992px) {
.sidebar{flex-shrink: 0;height: fit-content;position: sticky;top: 80px;}
}
			
/*n_banner*/
.n_banner{ position: relative; z-index: 666; background: #f7f7f7;}
.n_banner img{width: 100%; display: block;}
.n_title{ position: relative; padding-bottom: 0.12rem; color: var(--m-sec-color); text-transform: capitalize;font-size: 0.36rem; line-height: 0.44rem; z-index: 999; font-family:var(--sec-title-font); font-weight: normal;}
.n_title:after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0.44rem; height: 4px; background: var(--m-main-color); margin: 0 auto;}
.n_title img{ float: left; margin-right: 10px;}
.mbx_section{ text-align: center; padding: 0.2rem 0; background: var(--m-ncbg-color); position: relative; z-index: 333; }
.mbx_section .mbx{ padding: 0.12rem 0; line-height: 0.32rem; position: relative; z-index: 5;}
.mbx_section.mbx_section2{ padding: 0.14rem 0;}
.mbx_section.mbx_section2 .mbx{ float: inherit; padding: 0;}
.mbx_section span{ margin-right: 0.04rem; color: var(--m-main-color);}
.mbx_section i{ color: var(--m-main-color); margin: 0px 0.1rem;}
.mbx_section a,
.mbx_section h2,
.mbx_section a,
.mbx_section p{ color: #666; font-weight: normal;display: inline-block; font-style: normal;}
.mbx_section .mbx ol { display: flex; flex-wrap: wrap; justify-content: center; padding-left: 0 !important; margin: 0;}
.mbx_section .mbx ol li{ position: relative; list-style: none; color: #666; font-weight: normal;display: inline-block; font-style: normal;}
.mbx_section .mbx ol li:not(:first-child)::before{ content: '\f105';  margin: 0px 0.1rem; color: var(--m-main-color); line-height:0.32rem; font-family: 'FontAwesome';}

@media only screen and (max-width:992px) {
.mbx_section{ display: block; text-align: center; padding: 0.12rem 0;}
.mbx_section .mbx{ float: inherit; padding: 0;}
.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,.mbx_section .mbx ol li{ font-size: 14px;}	
}

/*mes_section*/
.mess_com .left ul{list-style:none;}
.mess_com .left ul li{ position:relative; z-index:2; margin-bottom: 0.36rem; min-height: 0.8rem;}
.mess_com .left ul li .column{ display: flex; height: 100%; transition:all .5s; position: relative; z-index: 5;}
.mess_com .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;}
.mess_com .left ul li .icon svg{ fill:#fff; font-size: 0.4rem; height: 0.4rem;}
.mess_com .left ul li .icon path{fill:#fff; }
.mess_com .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:var(--m-main-color);}
.mess_com .left ul li:hover .icon:after{border-radius:50%;}
.mess_com .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;}
.mess_com .left ul li .wrap{ padding-left: 0.28rem;}
.mess_com .left ul li em{display: block; font-size:0.24rem; line-height: 0.3rem; color:var(--m-sec-color); margin-bottom:0.1rem; text-transform:capitalize; font-family:var(--nav-title-font); font-style: normal;}
.mess_com .left ul li .txt{line-height:0.2rem; padding:0;width:100%;text-transform:uppercase;margin-top:15px;display: block;}
.mess_com .left ul li p{ line-height:24px;margin:0; margin-bottom:0.05rem; color:#4d4d4d;}
.mess_com .left ul li p a:hover{color:#666;}

.mes_section{position: relative; padding: 0.5rem 0 0.8rem; }
.mes_section:after{background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; z-index: -1;}
.mes_section .i_title .title_txt em{ color: var(--m-main-color);}
.mes_section .inquiry .p{ color: #666;}
.mes_section .mess_main{ border-radius: 0.2rem; margin: 0 auto 0; padding:0.5rem 0; background: #fff;box-shadow: 0 14px 25px rgb(0 0 0 / 5%); padding: 0.5rem;}
.mes_section .mess_main .map{ line-height: 0; margin-top: 0.3rem;}
.mes_section .mess_main .i_title{ margin-bottom: 0.4rem;}
.mes_section .mess_main .i_title .title_txt{ font-size: 0.34rem; line-height: 0.4rem; background: none;}
.mes_section .mess_main .mess_com{ display: flex; margin-bottom: 1rem;}
.mes_section .mess_main .left{ width: 50%; padding-right: 0.3rem;}
.mes_section .mess_main .right li.code_con{ display: flex;}
.mes_section .mess_main .right li.code_con .code_img{ order: 2; width: 0.8rem; margin-left: 0.2rem;} 
.mes_section .mess_main .right li.code_con input{ width: 50%;}

.mes_section .mess_main .right{ width: 50%; padding-left: 0.3rem;  border-left: 2px dotted #eee;}
.mes_section .mess_main .get_pp{font-size:20px; font-family:var(--text-bold-font); color:var(--m-sec-color);}
.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: var(--m-sec-color); }
.mes_section .mes_right .mes_con p{ font-size: 15px; color: #808080; line-height: 22px;}
.mes_section .mes_right .mes_con img{flex-shrink: 0; margin-right: 14px; border-radius: 50%; background: var(--m-main-color);}
.mes_section .mes_right .mes_con ul{margin-top: 10px;}
.mes_section .mes_right .mes_con a,.mes_section .mes_right .mes_con .p{ text-transform: none; display: block; line-height: 26px !important;}
.mes_section .mes_right .mes_con ul{margin-top: 20px;}
.mes_section .mes_right .mes_con ul li a{line-height: 36px;}
.mes_section .mes_right .mes_con ul li{display: flex;align-items: flex-start; margin-bottom: 30px;}
.mes_section .ms_btn{ width: auto;}
.con_other{ display: inline-block; text-align: left; padding-bottom: 0.6rem;}
@media only screen and (max-width:1700px) {
.mes_section .mes_left{ padding-left: 8%; padding-right: 4%; padding-top: 110px;}
.mes_section .mes_right .mes_con{ padding: 25px;}
.mes_section .mes_right .mes_con ul li{margin-bottom: 10px;}
}
@media only screen and (max-width:1260px) {
.mes_section .mes_right>img{min-height: 600px; width: auto; max-width: none;}
.mes_section .mes_right .mes_con{width: 80%;}

}
@media only screen and (max-width: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: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;}
.mes_section .mess_main .i_title{ margin-bottom: 0.3rem;}
.mes_section .mess_main .right .i_title{ margin-bottom: 0.1rem;}
}
@media only screen and (max-width:768px) {
.mes_section{ padding-bottom: 0.3rem;}
.mes_section .mess_main .map{ margin-top: 0.24rem;}
.mes_section .mess_main .mess_com{ display: block; margin-bottom: 0.4rem;}
.mes_section .mess_main .left{ width: 100%; padding: 0; margin-bottom: 0.2rem;}
.mes_section .mess_main .right{ width: 100%; padding: 0;}
}

.n_honor ul{margin: 0 -10px;}
.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: ''; cursor: pointer; 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.28rem; color: var(--m-sec-color); text-transform:capitalize; margin-bottom: 0.2rem; line-height: 0.34rem; padding-bottom: 10px; border-bottom: 2px dotted #eee; position: relative; font-family:var(--nav-title-font);}
.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{ max-width: 0.36rem; line-height: 0; display: inline-block; border-radius: 2px; overflow: hidden;}

.left_nav{  border-top: none;}
ul.mtree{ margin-left: 0;  border-top: none; }
ul.mtree li {list-style: none;}

/* ul.mtree>li>div>h2>a,
ul.mtree>li>div>.li_h2>a{ font-family:var(--text-bold-font); transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; display: flex;align-items: center; min-height: 0.5rem; padding: 0.1rem 0.35rem 0.1rem 0.1rem; color: var(--m-sec-color);}
ul.mtree>li>div>h2>a i,
ul.mtree>li>div>.li_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,
ul.mtree>li>div>.li_h2>a i img{filter: brightness(0);filter: black; opacity: 0.3;transition: 0.3s all;}
 */
ul.mtree>li>div>a,
ul.mtree>li>div>.li_h2>a{ font-family:var(--text-bold-font); transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; display: flex;align-items: center; min-height: 0.5rem; padding: 0.1rem 0.35rem 0.1rem 0.1rem; color: var(--m-sec-color);}
ul.mtree>li>div>a i,
ul.mtree>li>div>.li_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>a i img,
ul.mtree>li>div>.li_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:3px;}
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{ min-height: 0.48rem; line-height: 24px; padding: 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>a,
ul.mtree>li:hover>div>h2>a,
ul.mtree>li:hover>div>.li_h2>a{ color:var(--m-hover-color);}
ul.mtree>li.mtree-open{color:var(--m-main-color);padding-bottom:0;}
ul.mtree>li.mtree-open>div,
ul.mtree>li.mtree-open>div>h2,
ul.mtree>li.mtree-open>div>.li_h2{ background: var(--m-main-color); border-radius: 5px;}
ul.mtree>li.mtree-open>div>a,
ul.mtree>li.mtree-open>div>h2>a,
ul.mtree>li.mtree-open>div>.li_h2>a{color:#fff;}
ul.mtree>li.mtree-node:hover>div>a,
ul.mtree>li.mtree-node:hover>div>h2>a,
ul.mtree>li.mtree-node:hover>div>.li_h2>a{color:var(--m-hover-color);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:var(--m-hover-color) ;}
ul.mtree .mtree-level-1 li.mtree-open:hover>b:before,ul.mtree .mtree-level-1 li.mtree-closed:hover>b:before{ color:var(--m-hover-color)  !important;}
ul.mtree>li.mtree-open:hover>div>a,
ul.mtree>li.mtree-open:hover>div>h2>a,
ul.mtree>li.mtree-open:hover>div>.li_h2>a{color:#fff;}
ul.mtree.transit li.mtree-open:hover>b:before{color:#fff;}
ul.mtree ul {  background:var(--m-ncbg-color);}
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:before{content:"";}
ul.mtree ul li:hover a{color:var(--m-hover-color) ;}
ul.mtree li ul li.mtree-open a{color:var(--m-main-color) ;text-decoration:none;}
ul.mtree .mtree-level-2 li.mtree-open a{color:var(--m-main-color) ;}
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: var(--m-sec-color);  font-size: 16px;}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:var(--m-hover-color) ;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:var(--m-main-color);}		
ul.mtree.jet ul {margin-left: 0;}
ul.mtree.jet li {margin-bottom: 1px;}
ul.mtree.jet li:last-child {margin-bottom: 0px;}
ul.mtree.jet li:first-child {margin-top: 1px;}
ul.mtree.jet li.mtree-active a {background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a {background: var(--m-main-color);color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: var(--m-hover-color);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);}
.toggle_content ul.mtree2>li{ border-bottom: 1px solid #eee; padding: 0;}
.toggle_content ul.mtree2 li a{ text-transform: capitalize; display: block; min-height: 0.48rem; line-height: 24px; padding:0.1rem; font-family: var(--mdei-title-font); font-weight: normal; transition: all 0.5s ease-out;}
.toggle_content ul.mtree2 li:hover a{ color: var(--m-main-color);}

.left_h4{line-height: 0.3rem; color: var(--m-sec-color);font-size:0.24rem; font-family:var(--sec-title-font); position:inherit; text-transform:capitalize; position: relative; border-radius: 5px; overflow: hidden;}
.left_nav{background: var(--m-ncbg-color); padding: 0.1rem; border-radius: 5px;}
@media only screen and (max-width:992px) {
.left_nav{padding: 0; border: 0;}
}
.nav_h4{ 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:var(--sec-title-font); background:var(--m-secon-color); border-radius: 5px;}
.nav_h4 span{display: inline-block;}
.nav_h4::after{ content:none;}
 .nav_h4 i{ float:right; margin-right:0.06rem; line-height:0.32rem; font-size: 0.3rem;}
@media only screen and (max-width:992px) {
.nav_h4,.left_h4{ position:relative;color:#fff; background:var(--m-secon-color) ; 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;}
 .nav_h4 i{ display: none;}
}
@media only screen and (max-width:991px) {
.nav_h4{ margin-bottom: 0;}
}
.toggle_content{width: 100%;}

.hot_left{ margin-top:0.3rem; background: var(--m-ncbg-color); 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:5px; border-bottom: 1px solid #e9e9e9;}
.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{ display: flex; align-items: center; background: #fff; margin-bottom: 0.15rem; border-radius: 5px; position: relative; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.hot_left ul li .pimg{ float: left; flex-shrink: 0; width: 38%; padding: 0.1rem; border-right: 1px solid #eee; background: #fff;}
.hot_left ul li .img{ border-radius: 5px; display: block; overflow: hidden;}
.hot_left ul li .info{ padding:0 0.1rem; overflow: hidden;}
.hot_left ul li .h4 a{ display:block; margin-bottom:5px; line-height:20px; max-height:40px; color:var(--m-sec-color); font-family:var(--text-bold-font); overflow:hidden;}
.hot_left ul li .more{ display: block; text-transform: capitalize; color: var(--m-main-color); font-family:var(--text-bold-font);}
.hot_left ul li .more i{ margin-left: 0.04rem;}
.hot_left ul li:hover .more{ color: var(--m-hover-color) ;-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:5px;}
.left-adv .main{position:relative;left:0;top:0;padding:20px; z-index:2;text-align: left;}
.left-adv .main .title{ font-family:var(--sec-title-font); font-size:0.24rem;line-height:0.3rem;color:#fff;text-transform: capitalize; margin-bottom:10px;display:block;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 0px 0 10px;}
.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:5px;border: none;}
@media only screen and (max-width:992px) {.left-adv{ display: none;}}
.page_num{ margin:0px auto 0px;width:100%;  margin-top: 0.4rem;}
.page_num a{ border-radius: 2px; padding:0px 10px; text-align: center;margin-left:5px; color:#666; 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: var(--m-ncbg-color);}
.page_num a i{ line-height:40px;}
.page_num a:hover{ color: var(--m-hover-color);-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:var(--m-secon-color); margin: 0px 6px;}
.page_num>span{ border-radius: 2px; float: left; padding:0px 10px;line-height:34px; background:var(--m-main-color); 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{ margin-top: 0.3rem;}
.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;}
.products_main ul.navigation{ padding: 0;}
.page_detail ul.navigation{ padding: 0;}
.navigation li{width:calc(100% - 0px);float:left;text-align:left;margin-bottom:10px; padding: 10px; background: var(--m-ncbg-color); border: 1px solid #eee; border-radius: 5px;}
.navigation li a{position:relative;display:block;transition:all .5s;padding-left:50px;border-radius:5px;}
.navigation li a:hover{text-decoration:none;}
.navigation li a:before{ background: #fff; border: 1px solid #eee; color: var(--m-main-color); font-family:'FontAwesome';font-size:20px;position:absolute;top:50%;width:40px;height:40px;line-height:39px;border-radius:3px;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;}
.navigation li.prev_post a:before{left:0;content:"\f0d8";}
.navigation li.next_post a:before{left:0;content:"\f0d7";}
.navigation li a:hover:before{color: #fff;background: var(--m-hover-color); border: 1px solid var(--m-hover-color);}
.navigation li a .meta_nav{display:inline-block;text-transform:uppercase;color:var(--m-sec-color);margin-bottom:0;line-height:20px;transition:all .5s; font-family:var(--text-bold-font); 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:5px;padding:0;margin-bottom:10px;}
.navigation li.prev_post a{padding-left:60px;border-radius:5px;}
.navigation li.next_post a{padding-left:60px;border-radius:5px;}
.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:var(--m-sec-color);margin-bottom: 0;}
.navigation li a{padding-top:10px;padding-bottom:10px;padding-right:10px;}
}
.tags_ul{ padding:0.04rem 0; margin: 0.15rem 0;}
.tags_ul span{ font-size:0.15rem; font-family:var(--text-bold-font); text-transform:uppercase; color:var(--m-sec-color); 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.1rem; color: var(--m-main-color);transition: 0.6s all;}
.tags_ul a:hover{ background: var(--m-hover-color) ; 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: var(--m-sec-color);font-size:0.24rem; font-family:var(--text-bold-font); padding: 0.1rem 0.15rem; background: var(--m-ncbg-color); margin-left: -0.15rem; margin-right: -0.15rem; position:inherit; text-transform:capitalize; position: relative; border-radius: 5px; overflow: hidden;}
.blog_nav{ padding: 0; padding-bottom: 0.2rem; margin-top: 0.2rem;}
.blog_nav .left_h4{ padding:0.15rem 0.2rem; margin: 0;}
.blog_nav .toggle_content{ padding:0 0.2rem;}
.blog_nav ul{ display: flex; flex-wrap: wrap; padding: 0;}
.blog_nav ul li{ width: 50%; list-style:none; border-bottom:1px solid #eee;}
.blog_nav ul li a{ font-size:16px; color:var(--m-sec-color); line-height:0.22rem; padding:0.12rem 0; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.blog_nav ul li a i{ color:#ccc;  margin-right:0.1rem;}
.blog_nav ul li a:hover{ color:var(--m-hover-color); padding-left:0.1rem;}
.blog_nav ul li a:hover i{ color:var(--m-hover-color);}
.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:var(--m-hover-color) ; color:#fff;}
.hot_tags .toggle_content{ margin:0px -0.04rem; margin-top:0.15rem; }
.n_left2 .blog_nav ul li{ width: 100%;}

@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{ margin: 0; padding: 0 0.2rem; line-height: 0.5rem;}
.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:var(--m-sec-color);}
.blog_nav .toggle_content{ padding: 0 0.1rem;}
.blog_nav ul li{ width: 100%;}
.blog_nav ul li:last-child{ border: none;}
.blog_nav{ border: 1px solid #eee;}
}
.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:var(--text-bold-font); font-size:0.3rem; line-height: 0.4rem; color: var(--m-sec-color); margin-bottom: 0.15rem; text-transform: capitalize;}
.products_m .pm_pp{font-size:0.16rem; color: #666; margin-bottom: 0.16rem;}
.products_m .a_quote{font-size:0.2rem; color: var(--m-main-color);}
@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{ width:100%; position: relative; z-index: 55; bottom: 1px; border: none; border-top: 1px solid #eee; background: unset; color: var(--m-btn-color); text-decoration: underline; margin-top: 0.1rem; height: 42px; padding-left: 0; padding-right: 0; border-radius: 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; border-radius: 5px; width:calc(100% - 0.2rem); background:var(--m-hover-color); margin-top: 0.05rem;}
.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: #f4f6f9; border-radius: 2px; border: 1px solid #eee;}
.cbp-vm-options p{ float:left; vertical-align:middle; color:var(--m-main-color); text-transform:capitalize;  margin-left:8px;}
.cbp-vm-options a {border-radius: 2px; vertical-align:middle;height:32px;overflow: hidden;white-space:nowrap;color:var(--m-sec-color); line-height:32px; text-align:center; width:32px; 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 var(--m-hover-color) ; background: var(--m-hover-color);}
.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; position:relative; border-radius:5px 5px 0 0;}
.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; line-height:24px; 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; overflow: hidden;}
.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'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.cbp-vm-view-grid ul li {width:33.33%;text-align: left;vertical-align: top;float:left;}
.cbp-vm-view-grid ul li:nth-child(3n+1){ clear: both;}

/* List view */
/*hengpai*/
.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: #f8fafb; border: 1px solid #E9E9E9; margin-bottom: 0.15rem; border-radius:2px;}
.cbp-vm-view-list li:hover{ border: 1px solid var(--m-hover-color);}
.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 ul li .li{ display: flex; align-items: center;}
.cbp-vm-view-list ul li .cbp-vm-image{ border-bottom:none; flex-shrink: 0; width: 2.8rem; margin-right: 0.2rem;}
.cbp-vm-view-list .cbp-vm-image a{ line-height: 0; border-radius: 2px; display: block; overflow: hidden;}
.cbp-vm-view-list ul li .th2 a{max-height:0.6rem; font-family:var(--text-bold-font); line-height:0.3rem; color: var(--m-sec-color); font-size: 0.18rem; display:block; overflow: hidden;}
.cbp-vm-view-list ul li .th2 a:hover{ color: var(--m-hover-color);}
.cbp-vm-view-list ul li .cbp-vm-details { display: block; white-space: normal; max-height:96px; line-height:24px; color:#777; margin:5px 0px 0.15rem; overflow: hidden;}
.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:var(--m-main-color); font-family:var(--text-bold-font);}
.cbp-vm-view-list ul li .pro_ico{display: none;}

@media screen and (max-width: 520px) {
.cbp-vm-view-list ul li .li{ flex-direction: column;}
.cbp-vm-view-list ul li .cbp-vm-image{ width: 100%; margin-right: 0; margin-bottom: 0.2rem;}
}

/*9gongge*/
.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; border-radius:2px; 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 var(--m-hover-color) ;box-shadow: 0px 5px 15px rgb(0 0 0 / 10%); height: calc(100% + 0.05rem);}
.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:var(--text-bold-font); text-transform: capitalize; height:0.48rem; display:block; text-align:center; color: var(--m-sec-color); z-index: 2; position: relative; overflow:hidden;}
.cbp-vm-view-grid ul li .li{text-align:center; position:relative; }
.cbp-vm-view-grid ul li .li .cbp-vm-image{ 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; position: relative; overflow:hidden;}
.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;}
.cbp-vm-view-grid ul li .li .text{ padding: 0.1rem 0.1rem; background: #f9f9f9; }

/*效果*/
.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%; transform: translate(-50%, -50%); 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{ margin: -0.1rem -0.15rem 0;}
.news ul{ margin: 0 -0.15rem;}
.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:var(--m-sec-color); margin:0.1rem 0 0.1rem; font-family:var(--text-bold-font); 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: #f9f9f9; border: 1px solid #eee;  border-radius:2px; /* 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: var(--m-thir-color); display: inline-flex; align-items: center; margin: 0.1rem 0;}
.news .li .day i{ position: relative; text-align: center; margin-right: 0.08rem; color: var(--m-main-color); width: 30px; height: 30px; line-height: 30px; background: #fff; border-radius: 5px; box-shadow: 0 10px 24px 0px rgba(0, 0, 0, .07);}
.news  ul li p{ 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 .img{ line-height: 0; position: relative; flex-shrink: 0; border-radius:2px;}
.news  ul li .img a{ line-height: 0;}
.news  ul li .img img{ width: 100%;}

@media screen and (max-width: 768px) {
.news ul{ margin: 0 -0.1rem;}
.news ul li{ width: 50%; padding: 0 0.1rem; margin-bottom: 0.2rem;}
.news ul li:nth-child(2n+1){ clear: both;}
.news ul li:nth-child(3n+1){ clear: none;}
.news .li .day{ border-bottom: none;}
}
@media screen and (max-width: 760px) {
.news ul li{ width: 100%;}
.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: var(--m-sec-color); font-weight: normal;  font-size: 0.3rem; line-height: 0.38rem; font-family:var(--text-bold-font); text-transform: capitalize;}
.blog-info{ border-bottom: 2px dotted #eee; padding: 0.1rem 0; margin-bottom: 0.2rem; color: var(--m-main-color);}
.blog-info .info-com{ display: inline-block; padding: 3px 0.14rem 3px 4px; border: 1px solid #eee; background: #f9f9f9; border-radius: 5px;}
.blog-info i{ position: relative; text-align: center; margin-right: 0.08rem; color: var(--m-main-color); width: 30px; height: 30px; line-height: 30px; background: #fff; border-radius: 5px; box-shadow: 0 10px 24px 0px rgba(0, 0, 0, .07);}
.blog_author{ display: flex;align-items: flex-start; margin-bottom: 0.3rem; padding-bottom: 0.3rem; border-bottom:1px solid #eee;}
.blog_author .img{ flex-shrink: 0; margin-right: 0.3rem; width: 1.2rem; overflow: hidden;}
.blog_author .img img{ border-radius: 5px;}
.blog_author .img p { display: block; margin: 0.1rem auto 0; text-align: center; font-family: var(--text-bold-font); color: var(--m-sec-color); line-height: 24px;}
.blog_author .text{ padding-left: 0.3rem; position: relative;}
.blog_author .text:before{ content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 0.8rem; margin-top: -0.4rem; background-color:#eee;}
.blog_author .text:after{ content: ''; position: absolute; right: 1%; bottom: 4%; width: 0.4rem; height: 0.4rem; background-image: url("data:image/svg+xml,%3Csvg t='1758098110487' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6197' width='60' height='60'%3E%3Cpath d='M776 481L577 481 577 99l382 0 0 339q18 321-322 487l-86-131q217-113 225-313z m-487 0L90 481 90 99l382 0 0 339q18 321-322 487L64 794q226-122 226-313z' p-id='6198' fill='%23e6e6e6'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.32rem auto; background-position:center right; background-repeat: no-repeat;}
.blog_author .text .p{ color: var(--m-sec-color);}
.blog_author .text .name{ display: block; margin-top: 0.12rem; font-size: 0.18rem; font-family:var(--text-bold-font);}

@media screen and (max-width: 768px) {
.blog_author{ display: block;}
.blog_author .img{ margin: 0 auto 0.15rem;}
.blog_author .text:before{display: none;}
}

/*sitemap*/
.sitemap{width:100%;}
.stp-listA>li{text-transform:capitalize;list-style:none;margin-bottom: 0.15rem;background:#fff;border-radius:5px;overflow: hidden;}
.stp-top{width:100%;background:var(--m-ncbg-color);}
.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: var(--m-sec-color); font-family:var(--text-bold-font);}
.stp-top .page_info_title:hover{text-decoration:none;color:var(--m-hover-color);}
.stp-top .page_info_title i{padding-left:0.05rem;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.stp-top .page_info_title:hover i{padding-left:0.08rem;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.stp-listB{display:block;padding:0.15rem;border:1px solid #eee;border-top:none;padding:0.3rem 0.2rem;list-style:none;margin-top:-1px;background:#fff;border-radius:5px;}
.stp-listB>li{width:25%;padding:0.08rem 0.1rem;float:left;overflow:hidden;}
.stp-listB>li>a{line-height:0.22rem;display:block;color:#4d4d4d;}
.stp-listB>li>a i{padding-right:0.05rem;}
.stp-listB>li:hover>a{color:var(--m-hover-color) ;}
.stp-listB>li:nth-child(4n+1){clear: both;}
.stp-pro .stp-listB>li{width: 100%;margin-bottom:0.2rem;padding-bottom:0.2rem;border-bottom:1px solid #eee;}
.stp-pro .stp-listB>li:last-child{border-bottom:none;padding-bottom:0;}
.stp-pro .stp-listB>li .top{display: flex;align-items: flex-end;}
.stp-pro .stp-listB>li .image{max-width:0.48rem;min-width:0.48rem;}
.stp-pro .stp-listB>li .title{line-height:0.24rem;text-transform:capitalize;display:block;}
.stp-pro .stp-listB>li .title:after{content:"\f105";font-family:'FontAwesome';padding-left:0.06rem;color:#ccc;}
.stp-pro .stp-listB>li .title:hover{color:var(--m-hover-color) ;text-decoration:none;}
.stp-pro .stp-listB>li .title:hover:after{color:var(--m-hover-color) ;}
.stp-listB li .stp-listC{width:100%; padding-top:0.2rem;list-style:none;}
.stp-listB li .stp-listC li{width:100%;margin-bottom:0.08rem;float:left;}
.stp-listB li .stp-listC li a{ font-size: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:var(--m-hover-color) ;}
@media only screen and (max-width: 768px){
.stp-listA{padding: 0;}
.stp-listB>li{width:50%;padding:4px 0;}
.stp-listB>li:nth-child(2n+1){clear: both;}
.stp-listB{border-width:1px;padding:15px;}
.stp-pro .stp-listB>li .image{max-width:32px;min-width:32px;}
.stp-listB li .stp-listC li{width: 100%;}
.stp-listB>li>a{font-size:14px;}
.stp-top .page_info_title{font-size:14px;padding:10px 10px;}
.stp-listB li .stp-listC li a{font-size: 13px;}
}
@media only screen and (max-width: 400px){
.stp-listB li{width:100%;margin-right:0;margin-bottom:2%;}
}
/*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;} 

/*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 {content: ''; display: block;clear: both;}
.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 , var(--m-ncbg-color));}
.pro_page .pro_main{display: flex;padding: 0.3rem; background: #fff;}
.pro_page .prom_img{ position: relative;}
.pro_page .main_text{ width: 55%; padding-left: 0.3rem;}
/* CSS for the loading div */
.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: var(--m-main-color);width: 60px;height: 60px;text-align: center; cursor: pointer;}
.prom_img .swiper-slide iframe{ position: absolute; z-index: 66; width: 100%; left: 0; top: 0; height: 100%;}
.pro_page .prom_img{ width: 45%; position: relative; padding:0; text-align:center; padding-right: 0; padding-left: 1.15rem; border-radius:0;}
#pro_img_thumbs .swiper-slide{ width: 100%; height: 25%; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; line-height: 0; border-radius:0; overflow: hidden;}
#pro_img_thumbs .swiper-slide-thumb-active{border: 1px solid var(--m-main-color) ; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: var(--m-main-color);}
.prom_img #pro_img_thumbs .swiper-slide img{ max-width: 100%; max-height: 100%;}
.prom_img #pro_img_thumbs .swiper-slide a{ display: block; width: 100%; height: 100%; background: #fff; text-align: center;}
.prom_img #pro_img_gallery{ position: relative; width: 100%; border: 1px solid #eee; background: #fff; overscroll-behavior: contain;}
.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 .sp-video-icon{position: relative;}
.prom_img .sp-video-icon img{opacity: 0.5;  border-radius:5px;}
.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: var(--m-main-color);width: 30px;height: 30px;text-align: center;}

@media only screen and (min-width: 1300px) {
.prom_img #pro_img_thumbs { position: absolute; left: 0; top: 0; width: 1rem; height: 100%; margin-top: 0;}
}
@media only screen and (max-width: 1299px) {
.pro_page .prom_img{ padding-left: 0;}
.prom_img #pro_img_thumbs{ margin-top: 0.1rem;}
}
@media only screen and (max-width: 992px) {
.pro_page .pro_main{ display: block;}
.pro_page .prom_img{ width:100%; position: relative; padding: 0;}
.pro_page .main_text{ width:100%; padding-left: 0; padding-top: 0.3rem; overflow: hidden;}
#pro_img_thumbs{ position: inherit; width: 100%; margin-top: 0.15rem; height: auto;}
}

#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: var(--m-main-color); font-family:var(--text-bold-font); 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:var(--text-bold-font);}
.pro_page .main_text .main_info_details .main_sku .text{ font-family:var(--text-bold-font);}
.pro_main_title{ font-size:0.24rem; display:block;text-transform:capitalize; color:var(--m-sec-color); line-height:0.36rem; margin-bottom: 0.2rem; font-family:var(--text-bold-font); overflow:hidden;}
.pro_main_text{line-height:0.26rem; padding-bottom:0.2rem;}
.pro_table ul{padding-left: 0; border-left: 1px solid var(--m-ncbg-color); border-top: 1px solid var(--m-ncbg-color);max-width: 960px;}
.pro_table ul li{ color:#666;list-style:none; float: left; width:100%; border-right: 1px solid var(--m-ncbg-color); border-bottom: 1px solid var(--m-ncbg-color);}
.pro_table ul li p{display:inline-block;margin-right:0.1rem;vertical-align:middle;margin-bottom:0;color:var(--m-sec-color); font-size:15px; min-width: 1.2rem; padding: 0.1rem;border-right: 1px solid var(--m-ncbg-color); min-width: 25%;font-family:var(--text-bold-font);}
.pro_table ul li:nth-child(2n+1){ background: var(--m-ncbg-color);}
.main-more{ text-align:left !important; margin-top:0.2rem;}
.pro_more{ display: flex; gap: 0.2rem;}
.pro_more a{background: var(--m-sec-color); text-transform: capitalize;line-height:0.5rem; padding: 0 0.24rem; display: inline-block; font-size: 0.14rem; color: #fff; position: relative;font-family:var(--text-bold-font);}
.pro_more a:before {position: absolute;content: '';opacity: 0;top: 0;left: 0;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 30%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;}
@keyframes move{
0%{left:0;opacity:0}5%{opacity:.0}
48%{opacity:.2}80%{opacity:.0}
100%{left:82%}}
.pro_more a:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.pro_more div{display: inline-block;}
.pro_more .main-more a{ display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius:4px; background: var(--m-main-color); text-transform: capitalize; font-size: 16px;}
.pro_more .main-more:last-child a{ background: var(--m-secon-color);}
.pro_more .m_more a{ background: var(--m-main-color);}
.pro_more a i{margin-right: 6px; color:#fff;}
.pro_more .select a{color: var(--m-sec-color); background: #eeeff0; border-radius: 4px; 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_share{ display: flex; align-items: center; padding-top: 0.2rem; padding-bottom: 0; border-top: 1px dashed #e5e5e5; margin-top: 0.2rem;}
.pro_share a{ color: inherit; margin-left: 0.06rem; line-height: 0; border-radius: 5px; display: inline-block; text-decoration: none; cursor: pointer; overflow: hidden;}
.pro_share:before{ content: ''; width: 0.24rem; height: 0.24rem; margin-right: 0.04rem; background-image: url("data:image/svg+xml,%3Csvg t='1755238215617' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7743' width='28' height='28'%3E%3Cpath d='M691.2 614.4c-46.08 0-84.48 23.04-107.52 58.88l-138.24-79.36c7.68-17.92 15.36-35.84 15.36-58.88 0-12.8-2.56-25.6-5.12-35.84l143.36-81.92c23.04 25.6 56.32 40.96 94.72 40.96 71.68 0 128-56.32 128-128s-56.32-128-128-128-128 56.32-128 128c0 12.8 2.56 25.6 5.12 35.84l-143.36 81.92c-23.04-25.6-56.32-40.96-94.72-40.96-71.68 0-128 56.32-128 128s56.32 128 128 128c28.16 0 56.32-10.24 76.8-25.6l156.16 89.6c0 5.12-2.56 10.24-2.56 12.8 0 71.68 56.32 128 128 128s128-56.32 128-128-56.32-125.44-128-125.44z m0-358.4c43.52 0 76.8 33.28 76.8 76.8s-33.28 76.8-76.8 76.8-76.8-33.28-76.8-76.8 33.28-76.8 76.8-76.8zM332.8 614.4c-43.52 0-76.8-33.28-76.8-76.8s33.28-76.8 76.8-76.8 76.8 33.28 76.8 76.8-33.28 76.8-76.8 76.8z m358.4 204.8c-43.52 0-76.8-33.28-76.8-76.8s33.28-76.8 76.8-76.8 76.8 33.28 76.8 76.8-33.28 76.8-76.8 76.8z' fill='%23d2d2d2' p-id='7744'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.24rem auto; background-repeat: no-repeat; background-position: left center;}
.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: var(--m-sec-color); font-family:var(--text-bold-font);}
.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{ padding-left: 0; margin-bottom: 0.2rem; border-bottom: 1px solid var(--m-main-color);}
.products_main .nav-tabs li{list-style: none; float: left;}
.products_main .nav-tabs li a{border-radius:5px; color: var(--m-sec-color);font-size:0.2rem; display: inline-block; padding:0.1rem 0.2rem; line-height: 0.3rem; text-transform: capitalize; font-family:var(--text-bold-font); border: 1px solid transparent; border-bottom: none;}
.products_main .nav-tabs li.active a{ color: var(--m-sec-color); position: relative;  border-radius: 5px 5px 0 0; border: 1px solid var(--m-main-color); border-bottom: none;}
.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;}
.pro_more .main-more a{font-size: 14px;}
}
@media only screen and (max-width: 992px) {
.pro_page{padding-top: 0.2rem; padding-bottom: 0.3rem;}
.pro_page>.container{ padding: 0;}
}

@media only screen and (max-width: 1260px){
.pro_table ul li{ width: 100%;}
}
@media only screen and (max-width:768px) {
.pro_main_title{margin-top: 0.2rem;}
.pro_page{ padding-bottom: 0.3rem;}
.pro_page .pro_main{padding:15px; 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{ width: 100%; 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{ margin-top: 0.2rem; position: relative; background:#fff; border-top: 4px solid var(--m-main-color); overflow: hidden;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;  border-radius:12px;  }
.pro_inq .title{color: var(--m-sec-color); padding:0.3rem 0.3rem 0; font-size:0.32rem; text-transform: uppercase; line-height: 0.36rem; border-top-left-radius:10px; border-top-right-radius: 10px; font-family:var(--text-bold-font);/*  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:5px; 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;/*  border-bottom: 1px solid var(--m-bor-color); */ position: relative; z-index: 6; overflow: hidden;}
.rel_section .button_outside{  margin: 0.3rem -0.1rem 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:5px;transition: 0.5s all;}
.rel_section .img{ line-height: 0; position: relative; display: block; overflow: hidden;}
.rel_section .li .h4{ color: var(--m-sec-color); display: block; line-height: 0.24rem; min-height: 0.48rem; margin: 0.15rem 0 0.1rem; font-size: 0.17rem; font-family:var(--text-bold-font); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.rel_section .li .more{ text-decoration: underline; text-transform: uppercase; display: inline-block; color: var(--m-main-color); font-family:var(--text-bold-font); 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 var(--m-hover-color);}
.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: 560px) {
.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: var(--m-sec-color);}
.pro_may ul li .li{ border: 1px solid #fff;}
.blog_list{list-style:none;}
.blog_list li{position:relative; list-style:none; border-radius:5px; margin-bottom: 0.15rem; }
.blog_list li:last-child{ margin-bottom: 0;}
.blog_list li .li{ display: flex; padding:0.2rem; border-bottom: none; transition: 0.5s all;  background: #f9f9f9; border-radius:5px; border: 1px solid #E9E9E9; background-position: right bottom;transition: 0.5s all; }
.blog_list li .li:hover{  border: 1px dotted var(--m-hover-color);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:var(--m-main-color);margin-top:0;display:block; margin: 0.1rem 0; font-size: 0.14rem;}
.blog_list li .news_day i{ position: relative; text-align: center; margin-right: 0.08rem; color: var(--m-secon-color); width: 30px; height: 30px; line-height: 30px; background: #fff; border-radius: 5px; box-shadow: 0 10px 24px 0px rgba(0, 0, 0, .07);}
.blog_list li .image{ flex-shrink: 0; width: 35%; border-radius: 5px; margin-right: 0.2rem; position: relative; display: block; overflow: hidden;}
.blog_list li .image a{ line-height: 0; display: block; border-radius: 5px; overflow: hidden;}
.blog_list li .image img{max-width: 100%; width: 100%; height: auto; border-radius: 5px; -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:var(--m-sec-color);display:block;line-height:0.3rem; margin-top: 0.1rem; font-size: 0.2rem; font-family:var(--text-bold-font); }
.blog_list li .title:hover{ color: var(--m-hover-color);}
.blog_list li .text{ line-height:24px;overflow:hidden;max-height:48px; margin: 0.05rem 0 0.2rem; 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:var(--m-sec-color); 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:var(--m-sec-color); color:#fff;}
.blogin{color:#aaa; margin:0.04rem 0px;}
.blogin span{ color:#fff; margin:0px 0.06rem;}
.blog .blog_tags{ width:100%; margin-top:0.1rem;}

@media only screen and (max-width: 768px) {
.blog_list li .li{ display: block; padding-bottom:0.2rem;}
.blog_list li .li .wrap{ padding-top: 0.1rem;}
.blog_list li .image{ 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: var(--m-sec-color); 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: var(--m-hover-color);}
.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-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: var(--m-sec-color);}
.pnav-link:hover {color: var(--m-hover-color);}
.page-nav .current a{ color:var(--m-hover-color);}
.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: var(--m-sec-color); }
.page-nav .list li.current ,.page-nav .list li:hover{ background:var(--m-hover-color);}
.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: var(--m-sec-color); 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;}
.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 -0.15rem;}
.video_l li{ margin-bottom: 0.3rem;}
.video_l li:nth-child(3n+1){ clear: both;}
.video_l li .column{transition:all .5s;background:#fff;border-radius:5px;}
.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:var(--m-main-color);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: var(--m-hover-color);}
.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: 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: var(--m-sec-color); margin: 0.2rem 0 0.15rem; font-family:var(--text-bold-font);}
.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 -5px;}
.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:2px; transition:all .5s;overflow: hidden;}
.project_list li .image{line-height: 0; display:block;overflow:hidden;position:relative;}
.project_list li .image .a_img{ display: block; line-height: 0;}
.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:var(--m-main-color);}
.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:var(--m-main-color);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: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:var(--text-bold-font); color:var(--m-sec-color);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 var(--m-main-color); background-color: transparent; padding-left: 15px; font-size: 15px; color: var(--m-sec-color); Appearance: none; -webkit-appearance: none; border-radius: 0.05rem; border-radius:5px;}
.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: var(--m-main-color);  letter-spacing: 0.5px; text-align: center; font-size: 14px; border-radius:5px; }
.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:5px;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: var(--m-sec-color);}
.page_pro_list .page_pro_column .page_pro_title a:hover{color: var(--m-hover-color);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: var(--m-hover-color);}
.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: var(--m-sec-color);}
.page_pro_list .page_pro_column .list li .title:hover{color: var(--m-hover-color);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:var(--m-main-color);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:var(--m-hover-color);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, var(--m-main-color), #31c2f7);margin-right: 8px;vertical-align: middle;}
.page_more i:before{content:'';transition:all .5s;display: inline-block;background-image: url("data:image/svg+xml,%3Csvg t='1769139691698' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='19065' width='30' height='30'%3E%3Cpath d='M636.278726 833.644055c-14.176281 0-27.407476-5.591755-37.252115-15.83018-19.768036-20.47685-19.137979-53.318566 1.338871-73.086602L834.03784 519.560683 599.577911 297.780649c-20.713121-19.610521-21.579449-52.373481-2.047685-73.086602 9.765882-10.238425 23.46962-16.145208 37.567144-16.145208 13.231195 0 25.911091 5.040455 35.519458 14.097523L944.2978 481.44224c16.145208 15.200123 20.398093 39.221043 10.632211 59.619135-0.708814 1.496385-1.496385 2.677742-2.047685 3.386556-0.236271 0.393786-0.472543 0.866328-0.708814 1.260114-1.338871 2.441471-3.071527 5.749269-5.985541 8.899554l-0.157514 0.236271-0.5513 0.5513c-0.630057 0.866328-1.260114 1.653899-1.968928 2.362713l-271.318259 261.552377c-9.687125 9.214582-22.445778 14.333795-35.913244 14.333795z m0 0' p-id='19066' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M783.239502 572.249192H115.064144c-28.273804 0-51.192124-22.91832-51.192124-51.192124s22.91832-51.192124 51.192124-51.192124h668.175358c28.273804 0 51.192124 22.91832 51.192124 51.192124s-22.91832 51.192124-51.192124 51.192124z' p-id='19067' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.2rem auto; background-position: right center; background-repeat: 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: var(--m-sec-color); 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: var(--m-sec-color); 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:var(--text-bold-font);}
.pro_mainnav .li a{ text-transform: uppercase; line-height: 50px;color: #fff; padding: 0 0.2rem; display: inline-block; font-family:var(--text-bold-font);}
.pro_mainnav .li a:hover{ background: rgba(255,255,255,0.15);}
.pro_mainnav .li .con_btn{ line-height: 50px; background: var(--m-main-color); 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:5px;justify-content: center;}
.page_nav li{margin-bottom:0;padding:0;padding-right:0.2rem;float:left;}
.page_nav li:last-child{border-right-color: transparent;}
.page_nav li a{display:flex; line-height:24px;text-transform:capitalize;background:var(--m-ncbg-color); border-radius:5px; padding: 0.15rem 0.3rem;font-family:var(--text-bold-font); color: var(--m-sec-color);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: var(--m-sec-color);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: var(--m-main-color); 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: var(--m-main-color);}
.page_nav li:nth-child(2n+2) a:hover, .page_nav li:nth-child(2n+2).active a{ background: var(--m-hover-color);}
.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: var(--m-hover-color);}

.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:var(--m-sec-color); font-size:0.32rem; font-family:var(--text-bold-font); 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:5px; 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:var(--m-sec-color); 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:var(--m-hover-color);}

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


/*-------------------------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{ margin: 0 -0.15rem;}
.down_l li{ list-style:none; padding: 0 0.15rem; margin-bottom:0.3rem;}
.down_l li:nth-child(3n+1){ clear: both;}
.down_l li .column { border-radius: 5px; background: #f7f7f7; transition: all .5s; overflow: hidden;}
.down_l .a_img{ display: block; width: 100%;}
.down_l .a_img img{ width: 100%;}
.down_l .info{ padding: 0.2rem;}
.down_l .down_name{ margin-bottom: 0.15rem;}
.down_l .down_name a{ color:#666; font-size:15px; line-height: 20px; font-family:var(--text-bold-font);}
.down_l .down_name a:hover{ color:var(--m-hover-color);}
.down_l .wrap{ display: flex; align-items: center; justify-content: space-between;}
.down_l .wrap .icon i{ display: block; font-size:0.2rem;box-shadow:0px 0px 15px rgba(0,0,0,0.1); background: #fff; color:var(--m-secon-color); width:0.4rem; height:0.4rem; text-align:center; line-height:0.4rem; border-radius:50%; transition: all 0.5s ease-out;}
.down_l .wrap .icon i:hover{ background:var(--m-hover-color); color:#fff;}
.down_l .more{ float:right; background:var(--m-main-color); 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:var(--m-hover-color); color:#fff;}
.down_l .down_d { display: inline-block; line-height: 22px; background: var(--m-btn-color); color: #fff; padding: 0.06rem 0.24rem; font-size: 15px; border-radius:4px; text-transform: capitalize; font-family:var(--btn-title-font); transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all;}
.down_l .down_d i{ margin-left: 0.05rem;}
.down_l .down_d:hover{ background: var(--m-main-color); border-color: var(--m-main-color); color: #fff;}

/*faq_item*/
.faq_item .panel{ position: relative; margin-bottom: 0.16rem; background: var(--m-ncbg-color); border-radius: 5px;}
.faq_item .panel:last-child{ margin: 0;}
.faq_item .panel-title a{ padding: 0 0.25rem; display: flex; font-size: 0.2rem;color: var(--m-sec-color); position: relative; min-height: 0.63rem;align-items: center; font-family:var(--mdei-title-font);}
.faq_item .panel-title a:after,
.faq_item .panel-title a.collapsed:after{content: ""; transform:rotate(-90deg);font-family: fontawesome; width: 0.25rem; height: 0.25rem; border-radius:5px;text-align: center; position: absolute; top: 0.16rem; right: 0.18rem; transition: all 0.3s ease 0s; background-image: url("data:image/svg+xml,%3Csvg t='1761286610477' class='icon' viewBox='0 0 1484 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1367' width='30' height='30'%3E%3Cpath d='M1433.6 460.8v102.4h0.1024-0.6656c-0.6144 0-1.6896 0-3.1744 0.1024a527.4624 527.4624 0 0 0-64.3072 7.168 535.552 535.552 0 0 0-154.112 50.944c-55.1424 28.7232-109.1072 71.168-149.4528 134.144-40.1408 62.8224-68.7104 148.992-68.7104 268.4416h-102.4c0-136.5504 32.8704-242.3808 84.8896-323.584A476.5696 476.5696 0 0 1 1109.6576 563.2H0V460.8h1109.6576a476.5696 476.5696 0 0 1-133.888-137.216C923.7504 242.3808 890.88 136.5504 890.88 0h102.4c0 119.4496 28.5696 205.6192 68.7104 268.3904 40.3456 62.976 94.3104 105.472 149.504 134.1952a535.552 535.552 0 0 0 154.112 50.944 529.1008 529.1008 0 0 0 64.256 7.168l3.1744 0.1024h0.6144z m0 0h0.1024H1433.6z' p-id='1368' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.2rem auto; background-position: right center; background-repeat: no-repeat;}
.faq_item .panel-title a.collapsed:after{content: ""; transform:rotate(90deg); background-image: url("data:image/svg+xml,%3Csvg t='1761286610477' class='icon' viewBox='0 0 1484 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1367' width='30' height='30'%3E%3Cpath d='M1433.6 460.8v102.4h0.1024-0.6656c-0.6144 0-1.6896 0-3.1744 0.1024a527.4624 527.4624 0 0 0-64.3072 7.168 535.552 535.552 0 0 0-154.112 50.944c-55.1424 28.7232-109.1072 71.168-149.4528 134.144-40.1408 62.8224-68.7104 148.992-68.7104 268.4416h-102.4c0-136.5504 32.8704-242.3808 84.8896-323.584A476.5696 476.5696 0 0 1 1109.6576 563.2H0V460.8h1109.6576a476.5696 476.5696 0 0 1-133.888-137.216C923.7504 242.3808 890.88 136.5504 890.88 0h102.4c0 119.4496 28.5696 205.6192 68.7104 268.3904 40.3456 62.976 94.3104 105.472 149.504 134.1952a535.552 535.552 0 0 0 154.112 50.944 529.1008 529.1008 0 0 0 64.256 7.168l3.1744 0.1024h0.6144z m0 0h0.1024H1433.6z' p-id='1368' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.2rem auto;}
.faq_item .panel-body{padding:0.16rem 0.25rem 0.32rem; font-size: 15px; color: #5b5b5b; line-height: 24px; border-top: none; position: relative;}
.faq_item .collapsing {position: relative; height: 0; -webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: .35s;	-o-transition-duration: .35s;transition-duration: .35s;-webkit-transition-property: height, visibility;	-o-transition-property: height, visibility;	transition-property: height, visibility; overflow: hidden;}
.faq_item .collapse {display: none; }
.faq_item .in{display: block;}
.faq_item .active{ border-bottom: 1px solid rgba(255,255,255,0); background: var(--m-ncbg-color); border-radius:5px; /* box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); */ transform:translate3d(0,-1px,0);-webkit-transform:translate3d(0,-1px,0);}
.faq_item .active .panel-title{ border-bottom: 1px solid #dce2e6;}

.faq_section .faq_item .panel-title a:after,
.faq_section .faq_item .panel-title a.collapsed:after{ background-image: url("data:image/svg+xml,%3Csvg t='1761286610477' class='icon' viewBox='0 0 1484 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1367' width='30' height='30'%3E%3Cpath d='M1433.6 460.8v102.4h0.1024-0.6656c-0.6144 0-1.6896 0-3.1744 0.1024a527.4624 527.4624 0 0 0-64.3072 7.168 535.552 535.552 0 0 0-154.112 50.944c-55.1424 28.7232-109.1072 71.168-149.4528 134.144-40.1408 62.8224-68.7104 148.992-68.7104 268.4416h-102.4c0-136.5504 32.8704-242.3808 84.8896-323.584A476.5696 476.5696 0 0 1 1109.6576 563.2H0V460.8h1109.6576a476.5696 476.5696 0 0 1-133.888-137.216C923.7504 242.3808 890.88 136.5504 890.88 0h102.4c0 119.4496 28.5696 205.6192 68.7104 268.3904 40.3456 62.976 94.3104 105.472 149.504 134.1952a535.552 535.552 0 0 0 154.112 50.944 529.1008 529.1008 0 0 0 64.256 7.168l3.1744 0.1024h0.6144z m0 0h0.1024H1433.6z' p-id='1368' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.2rem auto; background-position: right center; background-repeat: no-repeat;}
.faq_section .faq_item .panel-title a.collapsed:after{ background-image: url("data:image/svg+xml,%3Csvg t='1761286610477' class='icon' viewBox='0 0 1484 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1367' width='30' height='30'%3E%3Cpath d='M1433.6 460.8v102.4h0.1024-0.6656c-0.6144 0-1.6896 0-3.1744 0.1024a527.4624 527.4624 0 0 0-64.3072 7.168 535.552 535.552 0 0 0-154.112 50.944c-55.1424 28.7232-109.1072 71.168-149.4528 134.144-40.1408 62.8224-68.7104 148.992-68.7104 268.4416h-102.4c0-136.5504 32.8704-242.3808 84.8896-323.584A476.5696 476.5696 0 0 1 1109.6576 563.2H0V460.8h1109.6576a476.5696 476.5696 0 0 1-133.888-137.216C923.7504 242.3808 890.88 136.5504 890.88 0h102.4c0 119.4496 28.5696 205.6192 68.7104 268.3904 40.3456 62.976 94.3104 105.472 149.504 134.1952a535.552 535.552 0 0 0 154.112 50.944 529.1008 529.1008 0 0 0 64.256 7.168l3.1744 0.1024h0.6144z m0 0h0.1024H1433.6z' p-id='1368' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.2rem auto;}

/*blog detail*/
#toc-container{  border-top: none; background:var(--m-secon-color); border-radius: 0.1rem; box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);}
#toc-container strong{ font-size:0.24rem; position:inherit; text-transform:capitalize;position: relative; padding: 0.15rem;  background-size: cover; color: #fff; line-height: 0.32rem; padding-bottom: 0.15rem; display: flex;font-family: var(--text-bold-font);}
#toc-container #toc-list{ border-top: none;border-radius: 0.08rem; padding: 0.15rem 0.15rem 0.1rem; background: #fff;}
#toc-container #toc-list li{ list-style: none;}
#toc-container #toc-list li a{ display: flex; align-items: center; line-height: 22px; min-height: 46px; padding: 0.1rem; color: var(--m-sec-color);font-size: 16px;font-weight: 600;  border-bottom: 1px solid #e5e5e5; transition: 0.5s all;  -webkit-transition: 0.5s all; -o-transition: 0.5s all;  -moz-transition: 0.5s all; -ms-transition: 0.5s all;}
#toc-container #toc-list li:last-child a{border-bottom: none;}
#toc-container #toc-list li a:hover{ color: var(--zmain-color);}

.sx_info .toggle_content{ display: block !important;}
.sx_info ul.mtree{ padding: 0.2rem 0; border-top: 1px solid #e3e3e3;}
.sx_info ul.mtree>li>a{ padding: 0 0 0.2rem;border-bottom: none;color: var(--m-sec-color); font-size: 0.26rem; line-height: 0.32rem; text-transform: uppercase; font-family: var(--text-bold-font); overflow: hidden;}
.sx_info ul.mtree.transit li.mtree-open>b:before{ height: 0.32rem; line-height: 0.32rem;}
.sx_info .left-cat .fot_title em:after{ display: none}
.sx_info ul.mtree>li.mtree-open>a{ color: var(--m-sec-color)}
.sx_info ul.mtree>li>ul>li>a{ background: #fff; border-bottom: none}
.sx_info ul.mtree>li>ul>li>a{ padding:10px 0 10px 20px}
.sx_info ul.mtree>li>ul>li>a:hover{ color: var(--m-main-color);}
.sx_info ul.mtree ul{border-bottom: 1px solid #eee; background: none;}
.sx_info ul.mtree>li:last-child ul{ border-bottom: none}
.sx_info ul.mtree li ul li.mtree-open a{ color: var(--m-sec-color); font-weight: 400}
.sx_info ul.mtree .ChildFilter_ul01 {padding-left: 30px;}
.sx_info ul.mtree .ChildFilter_ul01>li>a{ padding-left: 0;font-size: 16px !important; color: var(--m-sec-color);}
.sx_info ul.mtree .ChildFilter_ul01>li>a:before{ display: none;}
.sx_info ul.mtree .ChckBx{   padding-top: 0px;display: block;position: relative;padding-left:24px;margin-bottom: 12px;cursor: pointer;font-size:16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; text-transform: capitalize;     font-weight: normal;color: var(--m-sec-color);  line-height: 24px;  }
.sx_info ul.mtree .ChildFilter_ul02 .checkmark{height: 18px;width: 18px; border-radius: 4px;}
.sx_info ul.mtree .ChildFilter_ul02 .ChckBx .checkmark:after {left: 3px;top: 0px;width: 9px;height: 12px;}
.sx_info ul.mtree .ChildFilter_ul02 .ChckBx{ padding-left: 24px; font-size: 16px; line-height: 24px;    color:var(--m-sec-color);}
.ChckBx{padding-left:20px;}
.ChckBx input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top:4px;left:0px;height: 18px;width: 18px;background-color: #fff;border: 1px solid #9b9b9b;}
.ChckBx:hover input ~ .checkmark {border: 1px solid var(--m-main-color);}
.ChckBx input:checked ~ .checkmark {border: 1px solid var(--m-main-color);}
.checkmark:after {content: "";position: absolute;display: none;}
.ChckBx input:checked ~ .checkmark:after {display: block;}
.ChckBx .checkmark:after {left: 6px;top: 0px;width: 11px;height: 20px;border: solid var(--m-main-color);border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.ChckBx a {font-family: 'Swiss-Light';/*font-size: 20px;*/color:var(--m-main-color);font-weight: bold;}

.ChckBx .checkmark.error{border: 3px solid #e00000 !important;}

.ChckBx .checkmark.glyphicon-remove{border: 3px solid #e00000 !important;}

@media only screen and (max-width:992px) { 
.sx_info ul.mtree{ border-bottom: 1px solid #eee; padding-bottom: 0;}
}

/*-------------------------contact us-------------------------------*/
.nconus_section { position: relative; padding: 0 0 0.8rem;}
.nconus_section .i_title{ margin-bottom: 0.3rem;}

/*nymess_section*/
.nymess_section{ padding: 0.88rem 0; overflow: hidden;}
.nymess_section .inquiry ul li{ margin-bottom: 0.24rem;}
.nymess_section .inquiry ul li input,
.nymess_section .inquiry ul li textarea{ box-shadow: none; border: none;}
.nymess_section #email_form .ms_lab{ display: inline-block; margin-bottom: 8px; color: var(--m-sec-color); font-family: var(--mdei-title-font); line-height: 24px;}
/* .nymess_section #email_form label[for$="required"]::after,
.nymess_section #email_form .ms_n:contains("*") {} */
.nymess_section #email_form .required-star { color: #ff4d4f; margin-left: 2px;}
.nymess_section #email_form .meInput, 
.nymess_section #email_form select.meInput, 
.nymess_section #email_form textarea#meText{ width: 100%; height: 0.52rem; padding: 0.1rem 0.15rem; font-size: 14px; color: var(--m-sec-color); background-color: #f3f5f7; border: 1px solid transparent; border-radius: 4px; box-sizing: border-box; transition: all 0.2s ease-in-out;outline: none;}
.nymess_section #email_form .meInput::placeholder { color: #999;}
.nymess_section #email_form .meInput:focus { background-color: #fff; border-color: #ccc; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.03);}
.nymess_section #email_form textarea#meText { height: 120px; resize: vertical;}
.nymess_section #email_form ul li span:before{ display: none;}
.nymess_section #email_form select.meInput {cursor: pointer; line-height: 0.26rem; padding-right: 0.4rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>"); background-repeat: no-repeat; background-position: right 0.15rem center;}
.nymess_section #email_form select.meInput::-ms-expand {display: none;}
/* .nymess_section #email_form .meInput:required:invalid {border-color: rgba(255, 77, 79, 0.3);} */
.nymess_section .form-actions{ margin-top: 0.2rem; display: flex; gap: 0.2rem; flex-wrap: wrap;}
.nymess_section .whatsapp_btn{ gap: 0.12rem; display: inline-flex; align-items: center; justify-content: center; line-height: 0.48rem; padding:0 0.4rem; font-size: 15px; color: #fff !important; font-family: var(--btn-title-font); background-color: var(--m-main-color); border: none; border-radius: 5px; cursor: pointer; text-decoration: none; transition: background-color 0.2s ease, transform 0.1s ease;}
.nymess_section .whatsapp_btn i{ font-size: 0.2rem;}
.nymess_section .whatsapp_btn:hover { background-color: var(--m-hover-color); text-decoration: none;}
.nymess_section .whatsapp_btn:active {transform: scale(0.98);}
.nymess_section #email_form .ms_btn{ line-height: 0.48rem;}

/*ncon_section*/
.ncon_section{ position: relative; padding: 0.8rem 0; background: var(--m-secbg-color); overflow: hidden;}
.ncon_section .main{ width: 100%;}
.ncon_section ul{list-style:none; margin: 0 -0.1rem; display: flex;}
.ncon_section ul li{ float: left; width: 33.33%; padding: 0 0.1rem; position:relative; z-index:2; margin-top: 0.2rem; min-height: 0.8rem;}
.ncon_section ul li .column{ background:#fff; padding: 0.3rem; border-radius: 0.1rem; display: flex; flex-direction: column; align-items: center; text-align: center; transition:all .5s; position: relative; z-index: 5; height: 100%; box-shadow: 5px 0px 30px rgba(0, 0, 0, 0.05);}
.ncon_section ul li .icon{ text-align: center; width: 0.6rem;height: 0.6rem;position: relative;z-index: 4; display:inline-flex;align-items: center;justify-content: center;}
.ncon_section ul li .icon svg{ fill:#fff; font-size: 0.4rem; height: 0.4rem;}
.ncon_section ul li .icon path{fill:#fff; }
.ncon_section 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:var(--m-main-color);}
.ncon_section ul li:hover .icon:after{border-radius:50%;}
.ncon_section 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;}
.ncon_section ul li .wrap{ padding-top: 0.28rem;}
.ncon_section ul li em{display: block; font-size:0.24rem; line-height: 0.3rem; color:var(--m-sec-color); margin-bottom:0.1rem; text-transform:capitalize; font-family:var(--nav-title-font); font-style: normal;}
.ncon_section ul li .txt{line-height:0.2rem; padding:0;width:100%;text-transform:uppercase;margin-top:15px;display: block;}
.ncon_section ul li p{ line-height:24px;margin:0; margin-bottom:0.05rem; color:#4d4d4d;}
.ncon_section ul li p a:hover{color:#666;}

/*ny_zdy*/
.ny_zdy{ padding: 0.8rem 0; overflow: hidden;}

/*map*/
.ncon_map{ margin: 0 auto; overflow: hidden;}

@media only screen and (max-width:992px) { 
.nconus_section{ padding-bottom: 0;}
.nymess_section{ padding: 0.5rem 0;}
.ncon_section{ padding: 0.5rem 0;}
.ny_zdy{ padding: 0.5rem 0;}
.nymess_section .form-actions{ margin-top: 0.1rem;}
.ncon_section ul{ margin-top: -0.1rem;}
}
@media only screen and (max-width:768px) {
.ncon_section ul{ display: block; margin-top: -0.12rem;}
.ncon_section ul li{ width: 100%;}
.nymess_section{ padding: 0.4rem 0;}
.ncon_section{ padding: 0.4rem 0;}
.ny_zdy{ padding: 0.4rem 0;}
}
@media only screen and (max-width:600px) {
.contact_info{ padding-top: 0.36rem;}
}

/*ny_select*/
.pro_select {padding-bottom: 0.28rem; padding-top: 0;} 
.pro_select .sel_main{ overflow: hidden;}
.pro_select .pro_select_list { float: left; width:23%; padding-right:0.1rem; position: relative;} 
.pro_select .prS_select {position: relative; display: block; width: 100%; z-index: 5;}
.pro_select select { height:40px; width: 100%; border: 1px solid #e5e5e5; background-color: transparent; padding-left: 15px; font-size: 15px; color: var(--m-sec-color)333; Appearance: none; -webkit-appearance: none; border-radius: 5px;}
.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 { width:100%; text-align: center; margin-top: 0; line-height:40px; height:40px; padding: 0 0.1rem; border-radius: 30px; color: #fff; display: inline-block; border:1px solid var(--m-main-color); background:var(--m-main-color); transition: all 0.5s;}
.pro_select .main_more:hover{ color:var(--m-main-color); background: #fff; border:1px solid var(--m-main-color);}
.pro_select_more{ float:left; width:8%; margin: 0;}

@media only screen and (max-width: 1400px) {
.pro_select select{ font-size: 14px;}
}
@media only screen and (max-width: 992px) {
.pro_select{padding-bottom: 0.2rem;}
.pro_select .pro_select_list {width: 50%; margin-bottom:10px; padding: 0 5px;}
.pro_select_more{ padding-left:0px; float: inherit; width: 12%; margin-left: 5px;}
.pro_select .main_more{ margin-left:0px;}
}
@media only screen and (max-width: 768px) { 
.pro_select .pro_select_more { width:100%; margin-top: 10px;} 
.pro_select .pro_select_more .main_more {display: block;} 
.pro_select .pro_select_more .main_more{ width:100%;}
}
@media only screen and (max-width: 600px) { 
.pro_select .pro_select_wrap {width: 100%;padding: 0;} 
.pro_select .pro_select_more {padding: 0;margin-left: 0px;}
}