@charset "UTF-8";
@font-face {
  font-family: "Calibri";
  src: url("../font/Calibri.woff2") format("woff2"),
       url("../font/Calibri.woff") format("woff"),
       url("../font/Calibri.ttf") format("truetype"),
       url("../font/Calibri.eot") format("embedded-opentype"),
       url("../font/Calibri.svg") format("svg"),
       url("../font/Calibri.otf") format("opentype");
}
@font-face {
  font-family: "Calibri_B";
  src: url("../font/Calibri Bold.woff2") format("woff2"),
       url("../font/Calibri Bold.woff") format("woff"),
       url("../font/Calibri Bold.ttf") format("truetype"),
       url("../font/Calibri Bold.eot") format("embedded-opentype"),
       url("../font/Calibri Bold.svg") format("svg"),
       url("../font/Calibri Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
:root {
	--m-main-color: #749d3f;
	--m-hover-color:#749d3f;
	--m-secon-color:#4c6b29;
	--m-thir-color:#333;
	--m-four-color:#333;
	--m-fift-color:#020301;
  --m-tshadow-color:116, 157, 63;
	--m-btn-color: #749d3f;
	--m-bot-color: #3d4f26;
	--m-sec-color: #333;
	--m-bul-color: #d4d4d5;
	--m-bor-color: #eee;
	--m-bor2-color: #e1e1e1;
	--m-bor3-color: #e7e8ec;
	--m-secbg-color: #f4f5f0;
	--m-secbg2-color: #fafafa;
	--m-ncbg-color: #f1f3f5;
	--m-topbg-color: #f8f9fa;
	--m-nav-color: #333;
	--m-num-color: #001a29;
	--body-font: "Calibri", sans-serif;
	--text-bold-font: "Calibri_B", sans-serif;
	--sec-title-font: "Calibri_B", sans-serif;
	--nav-title-font: "Calibri_B", sans-serif;
	--date-title-font: "Calibri", sans-serif;
	--btn-title-font: "Calibri_B", sans-serif;
	--num-title-font: "Calibri_B", sans-serif;
	--ab-title-font: "Calibri_B", sans-serif;
	--stxt-title-font: "Calibri", sans-serif;
	--mdei-title-font: "Calibri_B", sans-serif;
	--blac-title-font: "", sans-serif;
	--semi-title-font: "", sans-serif;
}
@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.woff2?t=1776840464627') format('woff2'),
       url('../font/iconfont.woff2?t=1776840464627') format('woff'),
       url('../font/iconfont.woff2?t=1776840464627') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.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;}
@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%;}}

.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:#000; line-height: 1.8; font-size: 18px;}
strong,b{font-weight: bold;}
@media screen and (max-width: 1400px) {body {font-size: 16px;}}
@media screen and (max-width: 1200px) {body {font-size: 15px;}}

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

/*reset*/
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0; min-height: 1px;}
*,::after,::before {box-sizing: border-box;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display: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;}
}

::-webkit-scrollbar { width: 6px; height: 6px;}
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.1); border-radius: 10px;}
::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.2); }
* {scrollbar-width: thin; scrollbar-color: #888 #f1f1f1;}

/* @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:#303030; border-color:f9c460;}
.inquiry ul li input:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ 
.inquiry ul li input::-webkit-input-placeholder{color:#999;}/* WebKit browsers */
.inquiry ul li input::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li input:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ 
.inquiry ul li textarea:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ 
.inquiry ul li textarea::-webkit-input-placeholder{color:#999;}/* WebKit browsers */
.inquiry ul li textarea::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li textarea:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ 
.inquiry ul li input,.inquiry ul li textarea{ border: 1px solid #e5e5e5; box-shadow: 0 2px 4px 0px rgb(0 0 0 / 10%) inset; border-radius: 5px;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{ border: 1px solid 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:#303030 ;  text-decoration: underline;}
.inquiry  .subject_title span{ font-size:0.14rem; color:#444; margin-right:0.1rem;}

.ms_btn{position: relative; padding: 0 0.24rem; color: #fff; text-transform: uppercase; border-radius: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: 16px; border-radius:4px; display: inline-flex; justify-content: center; align-items: center; padding:0 0.3rem; line-height:44px; color: #fff; font-family:var(--mdei-title-font); position: relative; text-transform: uppercase; 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;}

@media screen and (max-width:992px) {
.ms_btn{ font-size: 15px;}
}

/*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:0 0.26rem;}
.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:#fff; text-decoration: none;}
.main-menu>li>a:before{ width: 0; height: 2px; content: ''; position: absolute; bottom:28%; left: 0; background: #fff; content: '';transition: 0.6s all;}
.main-menu>li.active:before, .main-menu>li:hover:before{ width: 100%;}
/* .main-menu>li>a:before{ width: 0; height: 4px; content: ''; position: absolute; bottom:25%; left: 0; content: '';transition: 0.6s all; background: url(../images/nav_line.png) left bottom;}
.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: 302px;z-index: 99; opacity: 1;-webkit-box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);-khtml-box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);-moz-box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);-ms-box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);-o-box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms; 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-hover-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 a, .main-menu .children li a {color: #333; font-size: 0.15rem; line-height: normal;padding: 10px 4px;position: relative;}
.main-menu .sub-menu li a.title{ font-size: 0.16rem; display: flex; align-items: center;}
.main-menu .sub-menu li a.stitle{ display: flex; align-items: center;}
.main-menu .sub-menu li a.title img,
.main-menu .sub-menu li a.stitle img{max-width: 60px; margin-right: 8px; border-radius: 5px;} */

.main-menu .sub-menu li.menu-children>a:after, .main-menu .children li.menu-children>a:after, .main-menu .sub-menu li.page_item_has_children>a:after, .main-menu .children li.page_item_has_children>a:after {content: "\f105";font-family: "FontAwesome";position: absolute;right:6px;top: 50%;-webkit-transform: translate(0, -50%);-khtml-transform: translate(0, -50%);-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%); font-size: 12px; color: #aaa;}
.main-menu .sub-menu .sub-menu, .main-menu .children .sub-menu, .main-menu .sub-menu .children, .main-menu .children .children {top: -10px;	left: 100%;}
.main-menu li:hover, .main-menu li.focus {overflow: visible;}
.main-menu li:hover>.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li:hover>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1);}
.main-menu li.megamenu {position: static;}
.main-menu li.megamenu .sub-menu, .main-menu li.megamenu .children {width:15rem;max-width: 100%; padding: 0;margin-left: auto;margin-right: auto;left: 0!important;right: 0!important}
.main-menu li.megamenu .sub-menu{width: 100%; overflow: hidden;}
.megamenu .sub-menu .nav_li{ overflow-x: auto; padding: 0.3rem 0.1rem;}
.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.12rem 0 0.1rem; align-items: center; margin-bottom: 0.12rem; border-bottom: 1px solid #eee;}
.megamenu .sub-menu .nav_li .title a{ padding: 0; font-size: 0.2rem; line-height:0.28rem; color: var(--m-sec-color); font-family:var(--text-bold-font); text-transform: uppercase;}
/* .main-menu .sub-menu .menu-children a.title{ display: flex; font-size: 0.16rem; line-height:0.2rem; color: #333;align-items: center; font-family:var(--text-bold-font);}
	*/
.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: 16.66%; padding: 0 0.1rem; margin-bottom: 0.2rem; border: none; overflow: hidden;}
.megamenu .sub-menu .nav_li>li:nth-child(6n+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{ display: block; width: 100%; max-width: 1.8rem; height: 0.8rem; margin-bottom: 0.12rem; overflow: hidden;}

.megamenu>.sub-menu>li .img img{width: 100%;}
.megamenu .sub-menu ul{ position: inherit; top: auto; left: auto; right: auto; bottom: auto; height: 100%; padding: 0px;}
.megamenu .sub-menu ul li,.megamenu .sub-menu ul{opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1); padding: 0;}
.megamenu .sub-menu ul.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1); box-shadow: none; background: none;}
.main-menu .megamenu a:after{display: none;}
.main-menu ul li .icon{ max-width: 100px;}
.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:1600px) {
.megamenu .sub-menu .nav_li>li{ float:left; width: 25%;}
.megamenu .sub-menu .nav_li>li:nth-child(4n+1){ clear: both;}
.megamenu .sub-menu .nav_li>li:nth-child(6n+1){ clear: initial;}
}
@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: #444 !important;	font-size: 16px !important;	border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0; line-height: 20px !important; padding: 15px!important; border-bottom: 1px solid #eee;}
.main-menu li .img{ display: none !important;}
.main-menu>li>a.onepage-active, .main-menu>li>a:hover, .main-menu>li>a.current, .main-menu>li.current_page_item>a, .main-menu>li.current-menu-item>a, .main-menu>li.current_page_ancestor>a, .main-menu>li.current-menu-ancestor>a { color: 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: #333; line-height: 30px; font-size: 14px; margin-bottom: 10px;}
.nav_con a{ color: #333; line-height: 36px;}
.nav_con .email_btn{ display: inline-block; border-radius: 5px; font-family: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: #303030;}
}

/*language*/
.language{list-style: none; float: right; position: relative; margin-left: 0.3rem; 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{ font-size: 0.18rem; padding-left: 0.3rem; color:#fff; font-family: var(--stxt-title-font); text-transform: uppercase; display: flex; align-items: center; 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='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.24rem; background-repeat: no-repeat; background-position: left center; transition: 0.5s background-color; 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) {
.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: #333; 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: #333; 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; margin-left: 0.2rem;}
.search_section:after{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 0.15rem; background: rgba(255, 255, 255, 0.4);}
/* .ico_search{ margin-left: 0.1rem; text-align:center;background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1664273014115' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7603' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18'%3E%3Cpath d='M1004.8 915.2l-243.2-243.2c0 0-6.4-6.4-6.4-6.4C800 595.2 832 505.6 832 416 832 185.6 646.4 0 416 0S0 185.6 0 416 185.6 832 416 832c89.6 0 179.2-32 243.2-83.2 0 6.4 6.4 6.4 6.4 6.4l243.2 243.2c25.6 25.6 70.4 25.6 96 6.4C1030.4 979.2 1030.4 940.8 1004.8 915.2zM64 416C64 224 224 64 416 64S768 224 768 416 608 768 416 768 64 608 64 416z' p-id='7604'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat; background-position: center center; display:inline-block;  float: left;  color: #666;  font-style: normal; line-height: 32px;font-size: 14px; line-height:0.4rem; width:0.4rem; height: 0.4rem; border-radius: 50%; text-align: left;}.search_input {position: fixed;left:0;top: 0; width:100%;transition: all 0.5s;z-index: 9999999; display: none;transition-property: top, width, border;transition-duration: 0.1s, 0.1s;background:#fff; height: auto; border-radius:5px; padding: 0 10%; box-shadow: 0 0 0.6rem rgba(14,96,87,0.5);}
 */
.search_section .search_com{ margin-left: 0.34rem; text-align: center; display: flex; align-items: center; justify-content: center; padding-left:0.15rem; background: #fff; border-radius: 5px; border: 2px solid #e6e6e6; transition: 0.6s all;}
.ico_search{ width:0.41rem; height: 0.4rem; line-height:0.4rem; display:inline-block; color: #666; font-style: normal; font-size: 14px; border:none; background: none; border-radius: 0; background-image: url("data:image/svg+xml,%3Csvg t='1778121181182' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9887' width='30' height='30'%3E%3Cpath d='M998.912 942.08l-182.272-181.76c29.184-35.328 53.76-75.264 71.68-117.76 22.016-53.76 34.816-113.664 34.816-175.104 0-61.44-11.776-119.808-33.792-173.568l-1.024-2.56c-22.528-55.296-56.32-104.448-97.28-146.432l-2.048-2.56c-41.984-41.984-93.184-76.8-148.48-99.84h-0.512c-53.76-22.528-113.664-33.792-175.104-33.792-126.976 0-241.664 50.688-324.608 134.144C97.28 184.32 62.976 235.008 39.936 291.84 17.408 345.6 5.12 404.992 5.12 467.456c0 60.928 12.288 119.296 33.792 173.056l1.024 2.56c23.04 55.808 57.344 106.496 99.328 148.992h0.512c41.984 42.496 92.672 75.776 148.992 99.84 53.76 22.016 113.152 34.816 175.104 34.816 62.464 0 121.344-12.288 175.616-34.816 42.496-18.432 81.92-41.984 117.248-71.168l182.272 181.76c16.384 16.384 43.008 16.384 59.392-0.512 16.896-16.896 16.896-43.52 0.512-59.904z m-269.824-209.92l-0.512 0.512c-34.304 33.28-75.776 61.44-120.832 80.384-44.032 18.432-93.184 28.672-143.36 28.672-50.688 0-99.328-10.752-143.36-28.672-45.568-18.944-86.528-47.104-121.856-80.896-34.304-34.816-62.464-76.288-80.896-121.856l-1.024-2.048c-17.92-43.008-27.648-90.624-27.648-140.8 0-51.2 10.24-99.84 28.672-143.36 18.432-45.568 46.08-86.528 80.896-121.856C266.752 134.144 360.96 92.16 464.384 92.16c50.688 0 99.328 10.24 143.36 28.16 45.568 18.944 86.528 47.104 121.344 81.408l2.048 2.048c33.792 34.304 60.928 74.24 79.36 119.808l1.024 1.536c17.408 43.52 27.136 91.648 27.136 141.824s-9.728 98.816-28.16 142.848c-18.432 46.08-46.592 87.552-81.408 122.368z' p-id='9888' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.2rem auto; background-repeat: no-repeat; background-position: right 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:#303030;}
.search_main .search_btn{display:block; width:50px;height:50px;cursor:pointer; border:none; position:absolute; bottom:0; right:0; background-image: url("data:image/svg+xml,%3Csvg t='1752167244892' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='140605' width='30' height='30'%3E%3Cpath d='M997.248 997.248c-35.2 35.2-92.224 35.2-127.424 0l-159.104-159.04a417.536 417.536 0 0 1-226.112 66.944 420.608 420.608 0 1 1 420.544-420.544 417.6 417.6 0 0 1-66.944 226.176l159.04 159.04c35.2 35.2 35.2 92.288 0 127.424zM484.608 184.192a300.416 300.416 0 1 0 0 600.832 300.416 300.416 0 0 0 0-600.832z' fill='%23ffffff' p-id='140606'%3E%3C/path%3E%3C/svg%3E"); background-size: 22px 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: #333;text-transform: uppercase;margin-bottom: 10px; font-style: normal; margin: 0.18rem 0;  border-bottom: 3px solid #303030; display: inline-block;}
.select-content .select_title .text{font-size: 14px;line-height: 20px;color: #808080; margin-bottom: 20px;}
.select-content .main .send_column{background: none;box-shadow: none;padding: 0;}
.select-show .select-content::-webkit-scrollbar {width: 5px;}
.select-show .select-content::-webkit-scrollbar-track {background-color:#f2f2f2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;opacity: 0.5}
.select-show .select-content::-webkit-scrollbar-thumb {background-color:var(--m-main-color);-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: #fff; 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='1769133883551' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8381' width='30' height='30'%3E%3Cpath d='M350.72 694.61L180.05 523.95l-0.55-0.55-0.3-0.26-0.26-0.3-0.3-0.34-0.21-0.26-0.34-0.38-0.34-0.43-0.64-0.9-0.47-0.6-0.43-0.6-0.43-0.64v-0.26l-0.38-0.38v-0.64l-0.47-0.38v-0.26l-0.55-0.51c-6.8-12.76-4.21-28.49 6.31-38.4l170.03-169.81c12.72-12.27 32.98-11.91 45.25 0.81 11.97 12.41 11.96 32.07-0.02 44.46L279.94 469.33H800c17.67 0 32 14.33 32 32s-14.33 32-32 32H279.94l116.01 116.05c12.93 12.05 13.64 32.3 1.6 45.23-12.05 12.93-32.3 13.64-45.23 1.6a30.18 30.18 0 0 1-1.6-1.6z' p-id='8382' fill='%235b626f'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.28rem 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-next{transform: scaleX(-1);}

.button_inside{ overflow: hidden;}
.button_inside,.button_outside{ position: relative;}
.button_outside .swiper-button-prev{ position: absolute; top: 50%; left: -0.66rem; 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.66rem; 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;}

@media only screen and (max-width:1200px) {
.button_outside .swiper-button-prev{ left: -10px;}
.button_outside .swiper-button-next{ right: -10px;}
}
@media only screen and (max-width:992px) {
.button_inside{ padding:0 0;}
}
@media only screen and (max-width:768px) {
.button_outside{ padding: 0 0.2rem;}
.button_outside .swiper-button-prev{left: 0.05rem;}
.button_outside .swiper-button-next{right: 0.05rem;}
}

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

/*fancybox*/
.fancybox__container{ z-index: 999999991 !important;}
.select_title{ font-family: var(--sec-title-font); font-style:normal; color: var(--m-main-color); font-size: 0.36rem; line-height: 0.36rem; margin-bottom: 0.2rem; text-transform: uppercase;}
#dialog-quote{ max-width: 10rem; display: none; padding: 0;}
#dialog-quote .main{ padding: 15px;}
#dialog-quote .inquiry{ padding:0.1rem 0.15rem 0.2rem 0;}
#dialog-quote .tinq_title{ padding-top: 0.2rem; font-size: 0.36rem; line-height:1.1; font-family: var(--sec-title-font); color: var(--m-sec-color); text-transform: capitalize;}
#dialog-quote .tinq_title span{ display: none;}
#dialog-quote .select-img img{ border-radius: 5px; overflow: hidden;}

@media screen and (max-width:1200px) {
#dialog-quote .select-img{ display: none;}
#dialog-quote .col-sm-6 { width: 100% !important;}
}
@media screen and (max-width:992px) {
#dialog-quote .main>.row>div{ width: 100%;}
#dialog-quote{ max-height: 90%; overflow: auto;}
}
@media screen and (max-width:768px) {
#dialog-quote{ margin: 0; max-height: 500px; overflow-y: scroll;}
#dialog-quote .inquiry{ padding-right: 0;}
.fancybox__slide{ padding: 0 0.3rem !important;}
}
/*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(255, 255, 255, 0.7); border-radius: 50%;}
.banner .swiper-button-next { right: 0.2rem;}
.banner .swiper-button-prev { left: 0.2rem;}
.banner .swiper-pagination-bullet{ border:none; background: #fff;}
.banner .swiper-pagination-bullet-active{ border:2px solid var(--m-hover-color); background:var(--m-hover-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:50%; left:0; transform: translateY(50%); text-align: left; z-index: 9999;}
.banner .swiper-slide .banner_text .banner_box{ width:100%;}
.banner .swiper-slide .banner_text .text{ position: relative; display: flex; align-items: center; font-size:0.64rem; line-height:0.72rem; color:#fff; font-family: var(--sec-title-font); text-shadow: 3px 3px 4px rgba(var(--m-tshadow-color), 0.4); transform: translateY(15px); opacity: 0;}
.banner .swiper-slide .banner_text .stitle{ margin-top: 0.15rem; font-size: 0.3rem; color:#fff; line-height: 0.4rem; transform: translateY(30px); opacity: 0;}
.banner .swiper-slide .banner_text .more{ margin-top: 11%; transform: translateY(30px); opacity: 0;}
.banner .swiper-slide-active .banner_text .text{transition: all .5s ease .6s; transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .stitle{transition: all 1s ease 1.2s; transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .more{transition: all 1.3s ease 1.6s; 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.58rem;}
.banner .swiper-slide .banner_text .text:before{ height: 0.4rem;}
.banner .swiper-slide .banner_text .stitle{ font-size: 0.24rem; line-height: 0.3rem;}
.banner .swiper-slide .banner_text .more{ margin-top: 0.5rem;}
.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.4rem; line-height:0.48rem;}
.banner .swiper-slide .banner_text .stitle{ margin-top: 0.1rem; font-size: 14px; line-height: 22px;}
.banner .swiper-slide .banner_text .more{ margin-top: 0.24rem;}
.banner .swiper-pagination{ display: none;}
}
@media only screen and (max-width:560px){
.banner .swiper-slide .banner_text .banner_box{ padding:0;}
.banner .swiper-slide .banner_text .text{ font-size:0.32rem; line-height:0.4rem;}
}
@media only screen and (max-width:420px){	
.banner .swiper-slide .banner_text .text{ font-size:0.24rem; line-height:0.32rem;}
.banner .swiper-slide .banner_text .more{ display: none;}
}

/*index*/
@-webkit-keyframes qodefBorderAnimation {
  0% {background-position: 0 0,100% 100%,0 100%,100% 0}
  100% {background-position: 100% 0,0 100%,0 0,100% 100%}
}
@keyframes qodefBorderAnimation {
0% {background-position: 0 0,100% 100%,0 100%,100% 0}
100% {background-position: 100% 0,0 100%,0 0,100% 100%}
}

.my_more1{ position: relative; display: inline-flex; height:0.52rem; min-height: 40px; padding:0 0.3rem; font-size: 16px; color:#fff; text-transform: uppercase; border-radius:4px; font-family:var(--btn-title-font); background: var(--m-btn-color); align-items: center; justify-content: center; white-space: nowrap; transition: all 0.5s ease-out; overflow: hidden;}
.my_more1:after{ content: ''; width:0.24rem; height: 100%; background-image: url("data:image/svg+xml,%3Csvg t='1766474707975' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6540' width='30' height='30'%3E%3Cpath d='M589.994667 380.330667L351.701333 380.330667a42.666667 42.666667 0 1 1 0-85.333334l341.333334-1e-8a42.538667 42.538667 0 0 1 42.666666 42.66666701l0 341.333333a42.666667 42.666667 0 0 1-85.33333301 0L650.368 440.661333l-289.237333 289.237334A42.666667 42.666667 0 0 1 300.8 669.525333l289.194667-289.194666z' p-id='6541' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.22rem 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{color: #fff; background:var(--m-hover-color);}
.my_more1:hover:before{ width: 100%;}
.my_more1:hover:after{ opacity: 1;}

.my_more2{ position: relative; display: inline-flex; height:0.52rem; min-height: 40px; padding:0 0.44rem 0 0.2rem; font-size: 16px; color:#fff; text-transform: uppercase; border-radius:5px; font-family:var(--btn-title-font); background: transparent; border: 1px solid #fff; align-items: center; justify-content: center; white-space: nowrap; transition: all 0.5s ease-out; overflow: hidden;}
.my_more2:after{ content: ''; width:0.24rem; height: 100%; background-image: url("data:image/svg+xml,%3Csvg t='1766474707975' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6540' width='30' height='30'%3E%3Cpath d='M589.994667 380.330667L351.701333 380.330667a42.666667 42.666667 0 1 1 0-85.333334l341.333334-1e-8a42.538667 42.538667 0 0 1 42.666666 42.66666701l0 341.333333a42.666667 42.666667 0 0 1-85.33333301 0L650.368 440.661333l-289.237333 289.237334A42.666667 42.666667 0 0 1 300.8 669.525333l289.194667-289.194666z' p-id='6541' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.22rem 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); border-color: var(--m-hover-color);}
.my_more2:hover:before{ width: 100%;}
.my_more2:hover:after{ opacity: 1;}

.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:0;}
.fixed-header{position:fixed; left:0; width: 100%; top: 0; z-index: 999999; background: rgba(0, 0, 0, 0.4);}
@media screen and (min-width:992px) {header.sticky{backdrop-filter: blur(20px); background: #fff;}}

.nav_section { position: relative; display: flex; align-items: center; z-index: 2; transition: all 0.5s ease-out;}
.nav_section .nav_r{ display: flex;align-items: center; justify-content: center;}
/* header #logo{display: inline-block; position: relative; z-index: 2;} */
header #logo{ text-align: center; position: relative;}
header #logo img{ max-height: 100%; width: auto;}
header #logo a{ display: block; line-height: 0; overflow: hidden;}
header #logo img{ max-width:2rem; transition: 0.4s all;}
header #logo img.logo2{ display: none;}
.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.18rem; color: #fff; line-height:0.28rem; padding:0.31rem 0; text-transform: capitalize; font-family:var(--nav-title-font); position: relative; background-position: center center; transition: padding 1.2s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s;}
.main-menu>li>a>span{ position:relative; z-index: 555;}

.top_section{ width: 100%;}
.top_section a:hover{ color: #808080; text-decoration: underline;}
.top_section .top_box{ display: flex; align-items: center; justify-content:space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.top_section .top_con{ flex-grow: 1; display: flex; align-items: center;}
.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:after {  content: ''; position: absolute;  right: 0; top: 50%; width: 1px; height: 0.2rem; margin-top: -0.1rem; background: #ddd;}
.top_section .top_con .con_li:last-child:after{ display: none;}
.top_section .top_con .con_li i{ font-size: 22px; color: #fff; margin-right: 0.1rem;}
.top_section .top_con .con_li a{ color: #fff; margin-left: 0.05rem;}
.top_section .top_con .con_li a:hover{ color: #fff;}
.top_section .top_rcon{display: flex;align-items: center;}
.top_section .top_sns{display: flex;align-items: center;}
.top_section .top_sns a{ display: inline-flex; margin-left: 0.08rem; width: 0.26rem; height: 0.26rem; border-radius: 50%; overflow: hidden;} 
.top_section .top_sns a img{ vertical-align: middle;}

@media screen and (min-width:992px) {
header.sticky .nav_section #logo img{ max-width:1.6rem;}
header.sticky #logo img.logo2{ display: block;}
header.sticky #logo img.logo1{ display: none;}
header.sticky .top_section{ display: none;}
header.sticky .main-menu>li>a { color: #333; padding: 0.24rem 0;}
header.sticky .main-menu>li.active>a,header.sticky .main-menu>li:hover>a{color:var(--m-main-color);}
header.sticky .main-menu>li>a:before{ background: var(--m-main-color);}
header.sticky .ico_search{ background-image: url("data:image/svg+xml,%3Csvg t='1778121181182' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9887' width='30' height='30'%3E%3Cpath d='M998.912 942.08l-182.272-181.76c29.184-35.328 53.76-75.264 71.68-117.76 22.016-53.76 34.816-113.664 34.816-175.104 0-61.44-11.776-119.808-33.792-173.568l-1.024-2.56c-22.528-55.296-56.32-104.448-97.28-146.432l-2.048-2.56c-41.984-41.984-93.184-76.8-148.48-99.84h-0.512c-53.76-22.528-113.664-33.792-175.104-33.792-126.976 0-241.664 50.688-324.608 134.144C97.28 184.32 62.976 235.008 39.936 291.84 17.408 345.6 5.12 404.992 5.12 467.456c0 60.928 12.288 119.296 33.792 173.056l1.024 2.56c23.04 55.808 57.344 106.496 99.328 148.992h0.512c41.984 42.496 92.672 75.776 148.992 99.84 53.76 22.016 113.152 34.816 175.104 34.816 62.464 0 121.344-12.288 175.616-34.816 42.496-18.432 81.92-41.984 117.248-71.168l182.272 181.76c16.384 16.384 43.008 16.384 59.392-0.512 16.896-16.896 16.896-43.52 0.512-59.904z m-269.824-209.92l-0.512 0.512c-34.304 33.28-75.776 61.44-120.832 80.384-44.032 18.432-93.184 28.672-143.36 28.672-50.688 0-99.328-10.752-143.36-28.672-45.568-18.944-86.528-47.104-121.856-80.896-34.304-34.816-62.464-76.288-80.896-121.856l-1.024-2.048c-17.92-43.008-27.648-90.624-27.648-140.8 0-51.2 10.24-99.84 28.672-143.36 18.432-45.568 46.08-86.528 80.896-121.856C266.752 134.144 360.96 92.16 464.384 92.16c50.688 0 99.328 10.24 143.36 28.16 45.568 18.944 86.528 47.104 121.344 81.408l2.048 2.048c33.792 34.304 60.928 74.24 79.36 119.808l1.024 1.536c17.408 43.52 27.136 91.648 27.136 141.824s-9.728 98.816-28.16 142.848c-18.432 46.08-46.592 87.552-81.408 122.368z' p-id='9888' fill='%23333333'%3E%3C/path%3E%3C/svg%3E");}
header.sticky .search_section:after{ background: rgba(0, 0, 0, 0.3);}
header.sticky .language .p{ color: var(--m-thir-color); 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='%23333333'%3E%3C/path%3E%3C/svg%3E");}
}
@media screen and (max-width:1860px) {
.search_section{margin-left: 0;}
.language{ margin-right: 0.1rem;}
.main-menu>li{ padding-right: 0.32rem;}
.nav_section .top_quote{ margin-left: 0.2rem;}
}
@media screen and (max-width:1200px) {
.language p span{ font-size: 13px;}
.search_rcom{ display: none;}
.nav_section .top_quote{ display: none;}
}
@media only screen and (max-width:992px) {
.main-menu{ padding: 0;}
.fixed-header.ys-hd-pc:before{ display: none;}
.main-menu>li.li_mob{ display: block;}
.top_section{ display: none;}
.top_section .top_box{ padding: 0;}
.center_section{ display: none;}
.nav_section{ padding: 0; height: 0;}
.nav_section .main{ width: 100%;}
.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: 13px; z-index: 999999998; margin: 0; border: none; padding: 0;}
.language .p{padding-left: 0.34rem; /* text-indent: -999px; */ color: #333333; 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='%23333333'%3E%3C/path%3E%3C/svg%3E");}
.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.15rem; 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-main-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;}
.nav_section .container{ padding: 0;}
.nav_section .container2{ padding: 0;}
.main-menu>li.li_mob{ display: block;}
.nav_section .nav_r{ margin: 0; padding: 0; border-radius: inherit;}
}

/* Animated Title Border */
.animate-border { position: relative; display: block; width:52px; height:4px; 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:52px; height:4px; left: 0; bottom: 0; border-left: 3px solid #fff; -webkit-animation: animborder 2s linear infinite; animation: animborder 2s linear infinite; }

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

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

.i_title{ text-align: center; margin-bottom: 0.4rem; position: relative; z-index: 1;}
.i_title .title_stxt{ margin-bottom: 0.08rem; font-size: 0.18rem; line-height:0.28rem; color:var(--m-thir-color); text-transform: uppercase; font-family: var(--stxt-title-font); overflow: hidden;}
.i_title .title_txt{ position: relative; padding-bottom: 0.18rem; font-size: 0.5rem; line-height: 0.6rem; color: var(--m-sec-color); font-family: var(--sec-title-font); text-transform: capitalize; background: url(../images/tit_ico.png) no-repeat center bottom; background-size: 0.88rem auto; overflow: hidden;}
.i_title .title_tt{ line-height: 24px; color: #666; max-width: 7.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; margin: 0; background-position: left center;}
/* .tl.i_title .title_txt:after{ left: 0;} */

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

@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.2rem;}
.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%; margin-left: -0.2rem;} */
.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; padding-bottom: 0;}
}
.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);}

/*cate_section*/
.cate_section{ padding: 0.48rem 0 0.8rem; background:url(../images/cate_bg.jpg) no-repeat center top; background-size: cover; overflow: hidden;}
.cate_section .cate_main{ padding-top: 0.05rem; position: relative;}
.cate_section .cate_main .main{ position: relative; margin:0;}
.cate_section .cate_nav{ position: relative;}  
.cate_section .cate_nav #pro_img_thumbs2 .swiper-slide{transition: 0.5s all;  cursor: pointer; width: 16.66%; padding: 0 0.15rem; position: relative;}
.cate_section .cate_nav #pro_img_thumbs2 .swiper-slide .li{ overflow: hidden;}
.cate_section .cate_nav #pro_img_thumbs2 .swiper-slide-thumb-active img{transform: scale(1.02);}
.cate_section .cate_nav .li{ position: relative; text-align: center;}
.cate_section .cate_nav .li .p_tit{ color: #333; line-height: 22px; margin-top: 0.17rem; font-family:var(--text-bold-font);} 
.cate_section .cate_nav .li .icon{ display:inline-block; margin: 0 auto; width: 0.86rem; height: 0.86rem; border-radius: 50%; background: #fff; border: 3px solid #eee; display: flex; align-items: center; justify-content: center;}
.cate_section .cate_nav .li .icon img{ max-width: 0.52rem; transition: all .1s;}
.cate_section .cate_nav .swiper-slide-thumb-active .icon{ border-color: var(--m-main-color);}
.cate_section .cate_nav .swiper-slide-thumb-active .li .p_tit{ color: var(--m-main-color);}
.cate_section .cate_nav .swiper-button-prev,.cate_section .cate_nav .swiper-button-next{ float: inherit; position: absolute; top: 0.35rem;}
.cate_section .cate_nav .swiper-button-prev{ left: 0px;} 
.cate_section .cate_nav .swiper-button-next{right: 0px;}

.pro_section{ padding-top: 0.46rem;}
.pro_section .button_inside{margin: 0 -0.14rem; padding: 0; overflow: inherit; z-index: 666;}
.pro_section .pro_scrollbar{ position: relative;}
.pro_section .swiper-slide{ opacity: 0 !important;}
.pro_section ul li{ list-style: none; float: left; width: 25%; padding: 0 0.14rem; transition: 0.5s all;}
.pro_section .li{ position: relative; padding: 0.09rem; background: #fff; border-radius: 10px; box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.05); transition: 0.5s all; overflow: hidden;}
.pro_section .li .img{ display: block; position: relative; transition: 0.5s all; overflow: hidden;}
.pro_section .li .img img{max-width:100%; height:auto; width:100%; transition: all 0.5s; overflow: hidden;}
.pro_section .li:hover .img img{ opacity: 0.95; -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{ margin-top: 0.1rem; padding: 0.2rem 0.05rem 0.1rem; text-align: center;}
.pro_section ul li .li .title_h4{ display: block; font-size: 0.2rem; color: #333; line-height: 0.3rem; margin-bottom:4px; font-family: var(--text-bold-font); display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pro_section ul li:hover .title_h4{ color: var(--m-hover-color);}
.pro_section ul li .li .info{ height: 100px; margin-bottom: 2px; line-height: 24px; overflow: hidden;}
.pro_section ul li .li p{ font-size: 16px; color: #808080; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;overflow: hidden;}
.pro_section ul li .li .more{ position: absolute; left: 0.1rem; bottom: -100px; right: 0.1rem; width: calc(100% - 0.2rem); text-align: center; background: var(--m-btn-color); transition: all 0.5s; border-radius: 5px;}
.pro_section ul li .li .more a{ position: relative; display: inline-flex; align-items: center; justify-content: center; line-height: 0.44rem; overflow: hidden;}
.pro_section ul li .li .more .my_more1:before{ display: none;}
.pro_section ul li .li:hover p{ opacity: 0;}
.pro_section ul li .li:hover .more{ bottom: 0.15rem;}
.pro_section .swiper-pagination{ margin-top: 0.3rem; display: none;}
.pro_section .button_inside .swiper-button-prev{ left: -0.5rem;}
.pro_section .button_inside .swiper-button-next{ right: -0.5rem;}
.cate_section #pro_img_gallery2.swiper{overflow: inherit;}
.cate_section #pro_img_gallery2>.swiper-slide-active{ display: block; width: 100%; position: relative; z-index: 333; opacity: 1 !important;}
.cate_section #pro_img_gallery2 .swiper-slide-visible{ opacity: 1 !important; z-index: 444; pointer-events: initial;}

@media only screen and (max-width:992px){ 
.cate_section{ padding: 0.4rem 0;}
.cate_section .cate_nav #pro_img_thumbs2 .swiper-slide{ width: 25%;}
.pro_section .button_inside{margin: 0 -0.1rem;}
.pro_section ul li{ width: 33.33%; padding: 0 0.1rem;}
.pro_section .swiper-pagination{ display: flex;}
.pro_section .button_inside .swiper-button-prev,
.pro_section .button_inside .swiper-button-next{ display: none;}
}
@media only screen and (max-width:768px) {
.cate_section{ padding: 0.4rem 0;}
.cate_section .cate_nav #pro_img_thumbs2 .swiper-slide{ width: 33.3%;}	
.pro_section ul li{ width: 50%;}
.pro_section{ padding-top: 0.24rem;}
}	
@media only screen and (max-width:420px){
.cate_section{ padding: 0.3rem 0;}
.cate_section .cate_nav #pro_img_thumbs2 .swiper-slide{ width: 50%;}	 
.pro_section ul li{ width:100%;}
.cate_section .cate_nav .swiper-button-next{ right: -0.15rem;}
.cate_section .cate_nav .swiper-button-prev{ left: -0.15rem;}
}

/*about_section*/
.about_section{ padding: 1rem 0; position: relative; overflow: hidden;}
.about_section .main{ display: flex; align-items: center;}
.about_section .about_l{ width: 52.4%; padding-right: 0.64rem;}
.about_section .about_l .i_title{ margin-bottom: 0.2rem;}
.about_section .about_l .ab_p{ color: #888; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; text-overflow: ellipsis; overflow: hidden;}
.about_section .about_l .info{ display: flex; align-items: center; padding: 0.4rem 0; margin-bottom: 0.38rem; border-bottom: 1px solid #e7e8ec;}
/*num_section*/
.num_section{ width: 40%; overflow: hidden;}
.num_section ul{ padding: 0.3rem; border-radius: 0.1rem; background: #eff1ed; overflow: hidden;}
.num_section ul li{ list-style: none; margin-bottom: 0.25rem; padding-bottom: 0.25rem; border-bottom: 1px solid #d6dad4; transition: all 0.5s ease-out;}
.num_section ul li:last-child{ padding: 0; border: none; margin: 0;}
.num_section ul li .li{ height: 100%; position: relative; transition: all 0.5s ease-out; overflow: hidden;}
.num_section ul li .num{ display: flex; align-items: center; flex-wrap: wrap; font-size: 0.36rem; line-height: 0.36rem; color:var(--m-num-color); font-family: var(--num-title-font); overflow: hidden;}
.num_section ul li .p{ margin-top: 0.1rem; line-height:0.26rem; color: #333; overflow: hidden;}
/*wrap*/
.about_section .wrap{ width: 60%; padding-left: 0.25rem; overflow: hidden;}
.about_section .ab_stra{ padding-bottom: 0.34rem; margin-bottom: 0.28rem; border-bottom: 1px solid #e7e8ec;}
.about_section .ab_stra .icon{ margin-bottom: 0.16rem; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: var(--m-main-color); background-image: url("data:image/svg+xml,%3Csvg t='1778225719313' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='34547' width='30' height='30'%3E%3Cpath d='M958.848 393.557333s-93.610667-152.832-120.384-196.352c-36.928-60.010667-85.568-72.597333-119.829333-72.597333H302.912c-49.152 0-85.226667 22.272-116.992 72.213333-27.648 43.392-117.290667 190.549333-121.749333 197.930667-11.114667 20.245333-44.992 81.856 4.458666 134.293333l374.592 397.056a93.653333 93.653333 0 0 0 137.301334 0L955.093333 529.066667c19.328-20.501333 45.546667-65.301333 3.754667-135.509334z m-47.424 94.314667L536.832 884.949333a34.304 34.304 0 0 1-49.962667-0.021333L112.298667 487.872c-9.877333-10.432-17.642667-24 3.797333-63.061333 0.938667-1.514667 93.12-152.874667 120.448-195.776 23.637333-37.141333 42.24-44.416 66.389333-44.416h415.722667c28.010667 0 50.474667 14.421333 68.736 44.032 26.752 43.456 120.106667 195.904 120.106667 195.904 24.618667 41.408 9.045333 57.898667 3.925333 63.317333z' p-id='34548' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M679.701333 510.336c-8.746667 0-16.554667 3.818667-22.037333 9.792l-0.064-0.064-145.856 159.232-145.834667-159.232-0.085333 0.064a29.845333 29.845333 0 0 0-22.037333-9.792c-16.554667 0-29.994667 13.44-29.994667 30.016 0 7.808 3.072 14.848 7.957333 20.181333l-0.085333 0.085334 149.290667 163.008c10.602667 11.541333 25.450667 18.176 40.789333 18.176s30.208-6.634667 40.789333-18.176l149.290667-163.008-0.064-0.085334c4.885333-5.333333 7.936-12.373333 7.936-20.181333a29.973333 29.973333 0 0 0-29.994667-30.016z' p-id='34549' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: 0.3rem auto;}
.about_section .ab_stra .box_title{ color: #333; font-size: 0.24rem; line-height: 0.3rem; font-family: var(--text-bold-font); overflow: hidden;}
.about_section .ab_stra .sbox p{ margin-top: 0.08rem; color: #808080; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden;}
.about_section .about_l .ab_ser ul li{ list-style: none; width: 100%; margin-bottom: 0.08rem;}
.about_section .about_l .ab_ser ul li:last-child{ margin: 0;}
.about_section .about_l .ab_ser ul li .li{ padding-left: 0.3rem; line-height: 0.3rem; font-size: 0.18rem; color: #888; background: url(../images/ab_ico.png) no-repeat left center; background-size: 0.18rem auto; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.about_section .about_r{ width: 47.6%; background-image: url(../images/ab_xbg.png); background-position: center bottom 0.4rem; background-repeat: no-repeat; background-size: auto;}
.about_section .about_r .about_img{ position: relative; display: flex; flex-direction: row; gap: 0.2rem;}
.about_section .about_r .img1{ width:56%; margin-top: 0.4rem;}
.about_section .about_r .rbox{ width:44%; position: relative; display: flex; flex-direction: column; gap: 0.2rem;}
.about_section .about_r .about_img .img img{ width: 100%; border-radius: 0.15rem; overflow: hidden;}
.about_section .about_r .about_img .ab_video{ position: absolute; top: 50%; left: -0.1rem; transform: translate(-50%, -50%); display: inline-flex; text-align: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 0.1rem solid #fff; align-items: center; justify-content: center; z-index: 33;}
.about_section .about_r .about_img .ab_video>a{ animation:infiniterotate 20s infinite linear; position:absolute; top:0; left:0; z-index:999; width: 100%;height: 100%; display: flex; align-items: center; justify-content: center; background: var(--m-main-color); border-radius: 50%;}
.about_section .about_r .about_img .ab_video img{ border: none; width: 1.3rem;}

@keyframes infiniterotate {
100% { transform: rotate(360deg);}
}

@media only screen and (max-width:992px) {
.about_section{ padding: 0.5rem 0;}
.about_section .ab_stra{ padding-bottom: 0.2rem; margin-bottom: 0.2rem;}
}	
@media only screen and (max-width:768px) {
.about_section{ padding: 0.4rem 0;}
.about_section .main{ flex-direction: column;}
.about_section .about_l{ width: 100%; padding-right: 0; order: 2;}
.about_section .about_r{ width: 100%; margin-bottom: 0.3rem; order: 1;}
.about_section .about_l .info{ padding: 0.3rem 0; margin-bottom: 0.3rem;}
}

/*adv_section*/
.adv_section{ padding: 0.62rem 0 1rem; position: relative; background-position: center center; background-size: cover; background-attachment: fixed; overflow:hidden;}
.adv_section .i_title .title_txt,.adv_section .i_title .title_tt{ color: #fff;}
.adv_section .main{ margin: 0 -0.15rem;}
.adv_section .button_inside{ padding-top: 0.66rem; overflow: hidden;}
.adv_section ul{ display: flex; margin: 0.24rem 0 0;}
.adv_section ul li{ list-style: none; width: 25%; height: auto; padding: 0 0.15rem; position: relative; transition: all .31s ease-in-out; cursor: pointer; z-index: 2;}
.adv_section ul li .li{ height: 100%; padding-bottom: 0.44rem; border: 1px solid rgba(255, 255, 255, 0.5); border-top: none; border-radius: 0.15rem; position: relative; z-index: 1; height: 100%; transition: all 0.4s ease-in-out;}
.adv_section ul li .li:before{ content: ''; position: absolute; left: 0.12rem; top: 0px; width: calc(50% - 0.64rem); height: 1px; background: rgba(255, 255, 255, 0.2);}
.adv_section ul li .li:after{ content: ''; position: absolute; right:  0.12rem; top: 0px; width: calc(50% - 0.64rem); height: 1px; background: rgba(255, 255, 255, 0.2);}
.adv_section ul li .icon{ width: 1.04rem; height: 1.04rem; top: -0.52rem; display: flex; justify-content: center; align-items: center; margin-left: auto;  margin-right: auto; position: relative; margin-bottom: 0.2rem; border-radius: 50%; transition: all 0.4s ease-in-out; z-index: 1; }
.adv_section ul li .icon:after{ content: ''; position: absolute; left: 0; top: 1px; width: 1.04rem; height: 0.52rem; border-radius: 100px 100px 0 0; border: 1px solid rgba(255, 255, 255, 0.5); border-bottom: none;}
.adv_section ul li .icon img{ max-width: 0.68rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.adv_section ul li:hover .icon img{filter:FlipH; transform: rotateY(180deg);}
.adv_section ul li .num { margin-top: -0.52rem; margin-bottom: 0.05rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.adv_section .num .n_inner{  padding: 0.06rem 0.24rem; color: var(--m-main-color); position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;  gap: 10px; line-height: normal; text-transform: uppercase;; border-radius: 50px; background-color:#fff; transition: all 0.4s ease-in-out;}
.adv_section .num .n_inner span { width: 8px; height: 8px; background-color: transparent; border: 1px solid var(--m-main-color); border-radius: 50%; position: relative; z-index: 1; transition: all 0.4s ease-in-out;}
.adv_section .num .n_inner span:after { content: "";  width: 4px; height: 4px; background-color: var(--m-main-color);  border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out;}
.adv_section .num .n_inner:after { content: ""; top: 3px; left: 3px;right: 3px; bottom: 3px; border: 1px dashed var(--m-main-color); position: absolute; border-radius: 50px; transition: all 0.4s ease-in-out;}
.adv_section ul li .num:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 50%; left: 0; background-color:rgba(255,255,255,0.5);}
.adv_section ul li .text{ text-align: center; padding: 0.16rem 0.2rem 0; font-size: 0.26rem; line-height: 0.32rem; color: #fff; font-family:var(--text-bold-font); text-transform: capitalize; overflow: hidden;}
.adv_section ul li p{ padding: 0.04rem 0.2rem 0; text-align: center; margin-top: 0.08rem; color: #fff; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden;}

.adv_section ul li:hover .li{ border-color:var(--m-hover-color); background: var(--m-hover-color);}
.adv_section ul li:hover .li:before,.adv_section ul li:hover .li:after{ display: none;}
.adv_section ul li:hover .icon{ background: #fff;}
.adv_section ul li:hover .icon img{ -webkit-filter: inherit; filter: inherit;}

@media only screen and (max-width:992px) {
.adv_section{ padding: 0.5rem 0 0.6rem;}
.adv_section .button_inside{ padding-top: 0.52rem;}
.adv_section ul li{ width: 33.33%;}
.adv_section .swiper-pagination{ display: flex !important; position: inherit; bottom: inherit; margin: 0.3rem auto 0; position: relative; z-index: 2;}
}
@media only screen and (max-width:768px) {
.adv_section{ padding: 0.4rem 0 0.5rem; background-attachment: inherit;}
.adv_section .main{ margin: 0 -0.1rem;}
.adv_section ul li{ width: 50%; padding: 0 0.1rem;}
}
@media only screen and (max-width:500px) {
.adv_section ul li{ width: 100%;}
.adv_section ul li p{ min-height: inherit;}
}

/*case_section */
.case_section{ padding: 0.64rem 0 0.8rem; position: relative; overflow: hidden;}
.case_section ul{ display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; grid-column-gap: 0.3rem; grid-row-gap: 0.3rem; overflow: hidden;}
.case_section ul li{ list-style: none; position: relative; transition: all 0.5s ease-out; overflow: hidden;}
.case_section ul li .a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 33; text-indent: -999em; transition: all 0.5s ease-out;}
.case_section ul li .img{ position: relative; border-radius: 0.1rem; overflow: hidden;}
.case_section ul li .img img{width: 100%; overflow: hidden;}
.case_section ul li:hover img{ -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.case_section ul li .text{ position: absolute; left: 0; bottom: -110%; width: 100%; height: auto; padding:0 0.24rem; z-index: 34; transition: all 0.5s ease-out;}
.case_section ul li .title{ display: block; color: #fff; font-size: 0.26rem; line-height: 0.32rem; font-family: var(--text-bold-font); text-transform: capitalize; overflow: hidden;}
.case_section ul li p{ margin-top: 0.07rem; color: #fff; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden;}
.case_section ul li .circle_more{position: absolute; right: -10%; top:-10%; display: block; width: 0.44rem; height: 0.44rem; border-radius: 50%; background-color: var(--m-main-color);background-image: url("data:image/svg+xml,%3Csvg t='1766474707975' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6540' width='30' height='30'%3E%3Cpath d='M589.994667 380.330667L351.701333 380.330667a42.666667 42.666667 0 1 1 0-85.333334l341.333334-1e-8a42.538667 42.538667 0 0 1 42.666666 42.66666701l0 341.333333a42.666667 42.666667 0 0 1-85.33333301 0L650.368 440.661333l-289.237333 289.237334A42.666667 42.666667 0 0 1 300.8 669.525333l289.194667-289.194666z' p-id='6541' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.26rem auto; background-repeat: no-repeat; background-position: center center; transition: all 0.5s ease-out;}

.case_section ul li:hover .text{ bottom: 0.37rem;}
.case_section ul li:hover .circle_more{ right: 0.2rem; top:0.2rem;}
.case_section ul li:hover .a{ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6));}

.bot_more{ text-align: center; margin-top: 0.6rem; position: relative;}
.bot_more:after{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #e2e3e9;}
.bot_more .mwrap{ position: relative; display: inline-block; padding: 0.06rem 0.36rem; border: 1px solid #e2e3e9; border-radius: 0.3rem; background-color: transparent; z-index: 1; overflow: hidden;}
.bot_more .mwrap .m_bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:#fff url(../images/thm-bg.png) repeat; z-index: -1;}
.bot_more .mwrap span{ position: relative; display: inline-flex; align-items: center; color: #5b5c5f;}
.bot_more span a{ color: #333; font-family: var(--text-bold-font); text-transform: uppercase; margin-left: 0.12rem; display: inline-flex; align-items: center;}
.bot_more span a i{ margin-right: 0.06rem; font-size: 0.2rem;}
.bot_more span a:hover{ color: var(--m-hover-color);}

@media only screen and (max-width:992px) {
.case_section{ padding: 0.4rem 0;}
.bot_more{ margin-top: 0.36rem;}
}
@media only screen and (max-width:768px) {
.case_section{ padding: 0.3rem 0;}
.case_section ul{grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.2rem; grid-row-gap: 0.2rem;}
.bot_more .mwrap span{ display: inline-block;}
}
@media only screen and (max-width:520px) {
.case_section ul li .circle_more{ display: none;}
.case_section ul{ grid-column-gap: 0.15rem; grid-row-gap: 0.15rem;}
}

/*news_section*/
.news_section {position: relative; padding: 0.64rem 0 0.86rem; background: var(--m-secbg-color); overflow:hidden;}
.news_section ul li{ list-style: none;}
.news_section *{transition: 0.6s all;}
.news_section  .img{ display: block; overflow: hidden; position: relative;}
.news_section .news_left{ float: left; width:66%;}
.news_section .news_left .li{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}
.news_section .front,
.news_section .back{ height: auto; color: #fff; height: 100%; text-align: center; justify-content: center;/*   display: flex; */ align-items: center;z-index: 33; background-position: center; -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.news_section .front:after{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; display: block; opacity: 0; background-color: #000; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.news_section .news_left li:hover .front,
.news_section .news_left li:hover .back{ -webkit-transition: -webkit-transform .9s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .9s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .9s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .9s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .9s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);}
.news_section .back{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.news_section .inner{ padding:0 0.3rem; -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); top: 50%;  position: absolute; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-perspective: inherit; perspective: inherit; z-index: 2;}
.news_section .news_left .li .back{ border-radius: 0.1rem; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background:var(--m-main-color) url(../images/news_ibg.png) no-repeat center center;}
.news_section .news_left .li .front{ background: #fff; border-radius: 0.1rem; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; overflow: hidden;}
.news_section .news_left .li:hover .back{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.news_section .news_left .li:hover .front{ -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.news_section .news_left ul{ margin: 0 -0.15rem;}
.news_section .news_left ul li{ list-style: none; float: left; width: 50%; padding: 0 0.15rem; transition: all .5s;}
.news_section .news_left ul li .li{ position: relative; border-radius: 0.1rem; transition: all .5s;}
.news_section .news_left ul li .li .img{ display: block; position: relative; transition: 0.5s all; overflow: hidden;}
.news_section .news_left ul li .li .img img{ width: 100%;}

.news_section .news_left ul li .li .text{  padding: 0.34rem 0.3rem 0.46rem; text-align: left; overflow: hidden;}
.news_section .news_left ul li .li .text .n_date{ display: flex; align-items: center; color: #808080; margin-bottom: 0.1rem;}
.news_section .news_left ul li .li .text .n_date i{ margin-right: 0.15rem;}
.news_section .news_left ul li .li .text .title{font-size: 0.2rem; color: #333; line-height: 0.26rem; min-height: 0.52rem; margin-bottom: 0.1rem; font-family:var(--text-bold-font); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.news_section .news_left ul li .li .text p{ color: #808080; line-height: 24px; min-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}

.news_section .news_left ul li .li .inner{ text-align: left; height: 100%; display: inline-flex; flex-wrap: wrap; align-items: center; overflow: hidden;}
.news_section .news_left ul li .li .inner .n_date{ margin-bottom: 0.34rem; display: flex; align-items: center; color: #fff;}
.news_section .news_left ul li .li .inner .n_date i{ margin-right: 0.1rem;}
.news_section .news_left ul li .li .inner .title{ font-size: 0.2rem; color: #fff; line-height: 0.26rem; min-height: 0.52rem; margin-bottom: 0.1rem; font-family:var(--text-bold-font); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.news_section .news_left ul li .li .inner .n_tit{ position: relative; padding-bottom: 0.1rem; margin-bottom: 0.22rem;}
.news_section .news_left ul li .li .inner .n_tit:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.5);}
.news_section .news_left ul li .li .inner .n_tit:after{ content: ''; position: absolute; left: 0; bottom: -1px; width: 0.7rem; height: 3px; background: rgba(255, 255, 255, 0.5);}
.news_section .news_left ul li .li .inner p{ color: #fff; line-height: 24px; min-height: 96px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden;}
.news_section .news_left ul li .li .inner .my_more1{ background: #fff; color: var(--m-main-color);}
.news_section .news_left ul li .li .inner .my_more1:after{ background-image: url("data:image/svg+xml,%3Csvg t='1766474707975' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6540' width='30' height='30'%3E%3Cpath d='M589.994667 380.330667L351.701333 380.330667a42.666667 42.666667 0 1 1 0-85.333334l341.333334-1e-8a42.538667 42.538667 0 0 1 42.666666 42.66666701l0 341.333333a42.666667 42.666667 0 0 1-85.33333301 0L650.368 440.661333l-289.237333 289.237334A42.666667 42.666667 0 0 1 300.8 669.525333l289.194667-289.194666z' p-id='6541' fill='%23749d3f'%3E%3C/path%3E%3C/svg%3E");}

.news_section .news_right{ float: left; width: 34%; padding-left: 0.3rem;}
.news_section .news_right ul{ width: 100%; overflow: hidden;}
.news_section .news_right ul li{ padding-bottom:0.31rem; margin-bottom: 0.31rem; border-bottom: 1px solid #e2e2e2; overflow: hidden;}
.news_section .news_right ul li:last-child{ margin-bottom: 0; padding-bottom: 0; border: none;}
.news_section .news_right ul li .li{ display: flex; align-items: center;}
.news_section .news_right ul li .img{ display: block; width: 2.28rem; flex-shrink: 0; margin-right: 0.2rem; line-height: 0; border-radius: 5px; overflow: hidden;}
.news_section .news_right ul li .img img{ width: 100%;}
.news_section .news_right ul li .text{ padding: 0; width: calc(100% - 2.48rem); overflow: hidden;}
.news_section .news_right ul li:hover .img img{transform: scale(1.08);}
.news_section .news_right ul li .h4{ color: #333; line-height: 24px; font-family: var(--text-bold-font); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.news_section .news_right ul li p{ font-size:14px; color: #808080; line-height: 20px; margin: 0.05rem 0 0.08rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.news_section .news_right ul li .more{ line-height: 24px; display: inline-flex; align-items: center; text-transform: uppercase; color: var(--m-main-color);}
.news_section .news_right ul li .more:after{ content: ''; width: 0.2rem; height: 0.2rem; background-image: url("data:image/svg+xml,%3Csvg t='1766474707975' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6540' width='30' height='30'%3E%3Cpath d='M589.994667 380.330667L351.701333 380.330667a42.666667 42.666667 0 1 1 0-85.333334l341.333334-1e-8a42.538667 42.538667 0 0 1 42.666666 42.66666701l0 341.333333a42.666667 42.666667 0 0 1-85.33333301 0L650.368 440.661333l-289.237333 289.237334A42.666667 42.666667 0 0 1 300.8 669.525333l289.194667-289.194666z' p-id='6541' fill='%23749d3f'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.2rem auto; background-repeat: no-repeat; background-position: 0.05rem center;}

@media screen and (max-width:992px) {
.news_section{ padding: 0.5rem 0;}
.news_section .news_left{ width: 100%;}
.news_section .news_left ul{margin: 0 -0.1rem;}
.news_section .news_left ul li{padding: 0 0.1rem;}
.news_section .news_left ul li .li .text{ padding: 0.14rem 0.2rem 0.2rem;}
.news_section .news_right{ width: 100%; padding-left: 0; margin-top: 0.3rem;}
.news_section .news_right ul li{ padding-bottom:0.28rem; margin-bottom: 0.28rem;}
}
@media screen and (max-width:768px) {
.news_section{ padding: 0.4rem 0;}
.news_section .news_right ul li{ padding-bottom:0.2rem; margin-bottom: 0.2rem;}
}
@media screen and (max-width:520px) {
.news_section{ padding: 0.3rem 0;}
.news_section .news_left ul li{ width: 100%; margin-bottom: 0.18rem;}
.news_section .news_left ul li:last-child{ margin-bottom: 0;}
}
@media screen and (max-width:420px) {
.news_section .news_right{ margin-top: 0.2rem;}
.news_section .news_right ul li .img{ display: none;}
.news_section .news_right ul li .text{ width: 100%;}
}

/*footer*/
#footer{color:rgba(255, 255, 255, 0.9); position: relative; background-size: cover !important; z-index: 666;}
#footer ul li{ list-style:none;}
#footer a{ color:rgba(255, 255, 255, 0.9);}
#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; margin-right: 14px;}

#footer .footer_top{ padding: 0.44rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#footer .footer_top .t_wrap{ display: flex; align-items: center; justify-content: space-between;}
#footer .footer_top .footer_logo{ flex-shrink: 0; margin-right: 0.4rem; overflow: hidden;}
#footer .footer_top .footer_logo img{ max-width: 2.68rem;}
#footer .footer_sns a{ width: 0.48rem; height: 0.48rem; border-radius: 5px; margin-right:0.12rem; border: 1px solid rgba(255, 255, 255, 0.5); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden;}
#footer .footer_sns a:last-child{ margin: 0;}
#footer .footer_top .time{ position: relative; font-size: 0.54rem; line-height: 0.6rem; text-transform: uppercase; color: var(--m-main-color); font-family: var(--text-bold-font);}
#footer .footer_top .time:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: var(--m-main-color); overflow: hidden;}

.footer_center{ margin-top: 0.45rem; position: relative; overflow: hidden;}
#footer .footer_con{ float: left; width:35%; padding-right:8%;}
#footer .footer_follow{ float: left; width:20%; padding-right: 4%;}
#footer .footer_tags{ float: left; width:23%; padding-right: 4%; }
#footer .footer_email{ float: left; width:22%;}

#footer .title_h4{color:#fff; text-transform:capitalize; font-size:0.22rem; font-family:var(--sec-title-font); position: relative; margin-top: 0.08rem; margin-bottom: 0.1rem;}

#footer .footer_email .p{ line-height: 24px; margin-bottom: 0.18rem; overflow: hidden;}
#footer .r_email{ position: relative; border-radius:none; background:none; border: none; overflow: hidden;}
#footer .remail_main{ width: 100%; height:0.5rem; color: rgba(255, 255, 255, 0.7); line-height:100%; padding:0 0.18rem; background: none; border:1px solid rgba(255, 255, 255, 0.1); border-radius:5px; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
#footer .remail_main:focus{color:#fff;}
#footer .email_btn{ margin-top: 0.15rem; width: 100%; position: relative; padding:0 0.2rem; background:var(--m-main-color); height: 0.5rem; line-height: 0.5rem; color: #fff; font-family: var(--btn-title-font); text-transform: uppercase; border-radius:5px; cursor: pointer;}

#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: inline-flex; align-items: center;}
#footer .footer_con ul li a{line-height: 26px;}
#footer .footer_con ul li{ position: relative; padding-left:36px; line-height: 26px; margin-bottom: 0.12rem;}
#footer .footer_con ul li:last-child{ margin-bottom: 0;}
#footer .footer_con ul li span{ margin-right: 0.08rem;}
#footer .footer_con ul li:after{ position: absolute; left: 0px; top: 0px; content: ''; width: 26px; height: 26px; background-position: left center; background-repeat: no-repeat;}
#footer .footer_con .con_add{ padding-left: 0;}
#footer .footer_con .con_add:after{ display: none;}
#footer .footer_con .con_tel:after{margin-left: -0.05rem; background-image: url("data:image/svg+xml,%3Csvg t='1761290130033' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2672' width='30' height='30'%3E%3Cpath d='M308.1728 161.5104a172.5952 172.5952 0 0 1 106.24 322.1248l-5.8112 3.072-4.5056 2.1248 2.8928 4.4544a473.9328 473.9328 0 0 0 112.1024 118.4512l10.24 7.424 4.0192 2.7392 1.792-3.9168a172.288 172.288 0 0 1 185.2416-95.9232l6.528 1.28 6.016 1.3824a172.2624 172.2624 0 0 1-35.9424 339.1744l-6.0416 0.1024h-1.3568c-293.2736-0.384-530.944-238.0288-531.328-531.3024a172.5952 172.5952 0 0 1 149.9136-171.1872z m22.784 62.0544a115.6608 115.6608 0 0 0-23.3472 2.2016 109.7984 109.7984 0 0 0-85.8624 106.88c1.0752 257.2032 209.3056 465.4336 466.4832 466.5344 46.848 0 88.448-29.952 103.5776-74.8544 4.5824-10.5984 7.3728-21.888 8.2432-32.8704a109.1328 109.1328 0 0 0-215.9872-21.4016l-0.9472 5.1968a30.5664 30.5664 0 0 1-17.2032 24.192 31.7952 31.7952 0 0 1-29.7984-0.1024 532.0448 532.0448 0 0 1-208.2304-213.76 31.3344 31.3344 0 0 1-0.0512-28.7232c4.4544-9.0368 12.9024-15.4368 22.8864-17.3312a108.8 108.8 0 0 0-19.7888-215.9616z' fill='%23749d3f' p-id='2673'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_email:after{background-image: url("data:image/svg+xml,%3Csvg t='1761290548589' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2929' width='24' height='24'%3E%3Cpath d='M960.128 597.12c20.992 0 38.016-16.64 38.016-37.248V315.52c0-82.304-68.096-149.248-151.936-149.248H177.792c-83.712 0-151.936 66.944-151.936 149.248v430.848c0 82.304 68.096 149.248 151.936 149.248h668.416c83.712 0 151.936-66.944 151.936-149.248 0-20.608-17.024-37.248-38.016-37.248s-38.016 16.64-38.016 37.248c0 41.088-34.048 74.624-75.904 74.624H177.792c-41.856 0-75.904-33.408-75.904-74.624V323.328L431.872 524.8c24.704 15.104 52.48 22.656 80.256 22.656 27.776 0 55.424-7.552 80.256-22.656l329.984-201.472v236.416c-0.128 20.608 16.896 37.376 37.76 37.376zM552.064 461.568c-24.704 15.104-55.424 15.104-80.256 0L133.504 254.848c12.928-9.088 28.416-14.08 44.288-13.952h668.416c15.872 0 31.36 4.864 44.288 13.952L552.064 461.568z m0 0' fill='%23749d3f' p-id='2930'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_whatsapp:after{background-image: url("data:image/svg+xml,%3Csvg t='1761290677438' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3836' width='24' height='24'%3E%3Cpath d='M713.5 599.9c-10.9-5.6-65.2-32.2-75.3-35.8-10.1-3.8-17.5-5.6-24.8 5.6-7.4 11.1-28.4 35.8-35 43.3-6.4 7.4-12.9 8.3-23.8 2.8-64.8-32.4-107.3-57.8-150-131.1-11.3-19.5 11.3-18.1 32.4-60.2 3.6-7.4 1.8-13.7-1-19.3-2.8-5.6-24.8-59.8-34-81.9-8.9-21.5-18.1-18.5-24.8-18.9-6.4-0.4-13.7-0.4-21.1-0.4-7.4 0-19.3 2.8-29.4 13.7-10.1 11.1-38.6 37.8-38.6 92s39.5 106.7 44.9 114.1c5.6 7.4 77.7 118.6 188.4 166.5 70 30.2 97.4 32.8 132.4 27.6 21.3-3.2 65.2-26.6 74.3-52.5 9.1-25.8 9.1-47.9 6.4-52.5-2.7-4.9-10.1-7.7-21-13z m211.7-261.5c-22.6-53.7-55-101.9-96.3-143.3-41.3-41.3-89.5-73.8-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6 0.3-119.3 12.3-174.5 35.9-53.3 22.8-101.1 55.2-142 96.5-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9 0.3 69.4 16.9 138.3 48 199.9v152c0 25.4 20.6 46 46 46h152.1c61.6 31.1 130.5 47.7 199.9 48h2.1c59.9 0 118-11.6 172.7-34.3 53.5-22.3 101.6-54.3 142.8-95.2 41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5 0.3-60.9-11.5-120-34.8-175.6z m-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-0.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-0.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-0.6 99.6-39.7 192.9-110.1 262.7z' fill='%23749d3f' p-id='3837'%3E%3C/path%3E%3C/svg%3E");}

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

.footer_bottom{color: rgba(255,255,255,0.5); font-size: 15px; margin-top: 0.62rem; padding: 0.24rem 0 0.64rem; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer_bottom .footer_bmain{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.footer_bottom .left{ float: left; display: flex;align-items: center;}
.footer_bottom .left .title_h4{ margin: 0 !important;}
.footer_bottom .left a{ display: inline-block; border-radius:5px; width:36px; height: 36px; margin-right: 8px; overflow: hidden;}
.footer_bottom a{ color: rgba(255,255,255,0.5) !important; margin: 0 0.06rem;}
.footer_bottom a:hover{color:#fff !important;}
.footer_bottom .link{ display: inline-block;  margin: 0 0 0 0.06rem;}
.footer_bottom .cop{ display: inline-block;}
.footer_bottom .cop span img{margin: 0 0.06rem;}
.footer_bottom .cop a{margin: 0 0.05rem;}
.footer_bottom .ipv6{ float: right; margin-left: 2px; margin-right: 3px;display: flex; align-items: center; flex-wrap: wrap;}
.footer_bottom .ipv6 img{ margin-right: 0.06rem; vertical-align: middle;}
*:focus {outline: none;} 

.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 .footer_sns{ padding-right: 0.26rem;}
.footer_bottom{ display: block;}
#footer .footer_email{ width: 100%; padding: 0;}
#footer .footer_con{ width: 100%; padding-right: 0;}
#footer .footer_about .footer_logo img{ width: 1.6rem;}
#footer .footer_email{margin-top: 0.05rem;}
#footer{ font-size: 14px;}
#footer .title_h4{ display: none;}
.footer_bottom{ margin-bottom: 0; border-bottom: none; margin-top: 0.3rem;}
.footer_bottom .left{ width: 100%; margin-bottom: 0.1rem;}
.footer_bottom .right{ text-align: left;}
.footer_bottom .ipv6{float: none; margin-left: 0; text-align: left;}
.footer_bottom .footer_bmain{ display: block; text-align: left;}
.footer_bottom .cop{margin-bottom:0;}
#footer .footer_con ul{ margin-bottom: 0;}
#footer .footer_top{ padding: 0.2rem 0;}
.footer_center{ margin-top: 0.2rem;}
}
@media screen and (max-width:768px) {
#footer .footer_con .p{ display: none;}
#footer .footer_sns{margin-left: 0; display: none;}
#footer .footer_con ul{ margin: 0;}
.footer_bottom{ margin-top: 0.2rem;padding-top: 0.12rem;}
}
@media screen and (max-width:520px) {
#footer .footer_top .time{ display: none;}
#footer .footer_top .t_wrap{ justify-content: center;}
#footer .footer_top .footer_logo img{max-width: 2rem;}
}

/*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); 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{display:inline-block;width:20%;padding:0 4px;float:left;text-align:center;}
.mobile_nav a .icon{width:0.24rem;height:0.24rem;display:inline-block; fill:#808080; margin-top: 0.1rem;}
.mobile_nav a p{color:#666;padding-top: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: #333; text-transform: capitalize;font-size: 0.36rem; line-height: 0.44rem; z-index: 999; font-family:var(--text-bold-font); /* display: flex; align-items: center; */ 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 .mbx{ float: inherit;}
.mbx_section span{ margin-right: 0.04rem; color: var(--m-secon-color);}
.mbx_section i{ color: var(--m-secon-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-secon-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*/
.contact_info{position:relative;padding:0 0 0.6rem;z-index:2;overflow: hidden;}
.contact_info .cif_main{ display: flex; justify-content: space-between;}
.contact_info .i_title .title_txt{ font-size: 0.32rem; line-height: 0.32rem;}
.contact_info .c_left{ width: 100%;}
.contact_info .c_left ul{list-style:none; margin: 0 -0.1rem 0.2rem; display: flex;}
.contact_info .c_left ul li{ float: left; width: 33.33%; padding: 0 0.1rem; position:relative; z-index:2; margin-top: 0.2rem; min-height: 0.8rem;}
.contact_info .c_left ul li .column{ background: var(--m-ncbg-color); 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%;}
.contact_info .c_left 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;}
.contact_info .c_left ul li .icon svg{ fill:#fff; font-size: 0.4rem; height: 0.4rem;}
.contact_info .c_left ul li .icon path{fill:#fff; }
.contact_info .c_left ul li .icon:after{content:'';width:100%;height:100%;top:0;left:0;position: absolute;z-index: -1;border-radius:30%; transform: rotate(45deg);-webkit-transform: rotate(45deg); -webkit-transition: all .5s;transition: all .5s;background:var(--m-main-color);}
/* .contact_info .c_left ul li:nth-child(2) .icon:after{ background: var(--m-secon-color);}
.contact_info .c_left ul li:nth-child(3) .icon:after{ background: var(--m-thir-color);} */
.contact_info .c_left ul li:hover .icon:after{border-radius:50%;}
.contact_info .c_left ul li .icon i{display: inline-block;transition:all .5s;width:0.48rem;height:0.48rem; line-height: 0.48rem; font-size: 0.3rem; color: #fff;}
.contact_info .c_left ul li .wrap{ padding-top: 0.28rem;}
.contact_info .c_left ul li em{display: block; font-size:0.24rem; line-height: 0.3rem; color:#303030; margin-bottom:0.1rem; text-transform:capitalize; font-family:var(--nav-title-font); font-style: normal;}
.contact_info .c_left ul li .txt{line-height:0.2rem; padding:0;width:100%;text-transform:uppercase;margin-top:15px;display: block;}
.contact_info .c_left ul li p{ line-height:24px;margin:0; margin-bottom:0.05rem; color:#4d4d4d;}
.contact_info .c_left ul li p a:hover{color:#666;}
.contact_info .c_right{ width: 48%; padding-top: 0.2rem;}
.contact_info .c_right .i_title{ margin-bottom: 0.26rem;}
.contact_info .c_right .inquiry ul li textarea{ height: 2.2rem; max-height: 220px;}
.contact_info .c_right .inquiry ul li.code_con{ display: flex;}
.contact_info .c_right .inquiry ul li.code_con .code_img{ order: 2; width: 0.8rem; margin-left: 0.2rem;} 
.contact_info .c_right .inquiry ul li.code_con input{ width: 50%;}
@media only screen and (max-width:992px) {
.contact_info{ padding-bottom: 0.4rem;}
}
@media only screen and (max-width:768px) {
.contact_info{ padding-bottom: 0.3rem;}
.contact_info .cif_main{ display: block;}
.contact_info .c_left{width: 100%;}
.contact_info .c_right{width: 100%;}
.contact_info .c_left ul{ margin: 0; display: block;}
.contact_info .c_left ul li{ width: 100%; background: #f1f5f8; padding: 0.2rem 0.15rem 0.15rem; border-radius: 0.2rem;}
}
@media only screen and (max-width:600px) {
.contact_info{ padding-top: 0.36rem;}
}

.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{ margin-bottom: 0rem;}
/* .mes_section .i_title .title_txt{ padding-bottom: 0;} */
.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: 0px;}
.mes_section .mess_main .i_title .title_txt{ font-size: 0.34rem; line-height: 0.4rem; padding-bottom:14px; background: none;}
.mes_section .mess_main .i_title .title_txt:after{ display: none;}

.mes_section .mess_main .mess_com{ display: flex;}
.mes_section .mess_main .left{ width: 50%; padding-right: 0.3rem;}
.mes_section .mess_main .left li.code_con{ display: flex;}
.mes_section .mess_main .left li.code_con .code_img{ order: 2; width: 0.8rem; margin-left: 0.2rem;} 
.mes_section .mess_main .left 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 .right .get_pp{font-size:20px; font-family:var(--text-bold-font); color:#303030;}
.mes_section .mes_left{ float: left; width: 100%; padding-top: 0.6rem;}
.mes_section .mes_left .i_title .title_txt{ font-size:0.4rem;}
.mes_section .mes_left .i_title{ margin-bottom: 10px;}
.mes_section .mes_right{ float: left; width: 45%; margin-top: 60px; background-size: cover; padding: 0.5rem;}
.mes_section .mes_right{position: relative;}
.mes_section .mes_right .mes_con{ border-radius: 5px; padding: 0.3rem; background: rgba(255,255,255,0.95); width: 376px; font-size: 15px;}
.mes_section .mes_right .mes_con .title{  font-size: 0.3rem;  text-transform: capitalize; color: #333; }
.mes_section .mes_right .mes_con p{ font-size: 15px; color: #808080; line-height: 22px;}
.mes_section .mes_right .mes_con img{flex-shrink: 0; margin-right: 14px; border-radius: 50%; background: 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;}
}
@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;}
.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: #333; 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{ 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;  height: 0.5rem; padding-left: 0.1rem; color: #333;}
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: #333;}
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{ line-height: 0.48rem; padding: 0px 0.12rem; padding-right:24px; font-weight: normal; color: #fff;}
ul.mtree ul li:last-child a{ border:none;}
ul.mtree.transit li.mtree-open>b:before  {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal;  height: 0.5rem; line-height: 0.5rem; width: 0.3rem; position:absolute;  right:0; top:0px; color: #fff;}
ul.mtree.transit li.mtree-closed>b:before {content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal; height: 0.5rem;line-height: 0.5rem; width: 0.3rem; position:absolute;  right:0; top:0px; color: #666;}
ul.mtree .mtree-level-1 li.mtree-open>b:before {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal; height: 0.46rem; width: 0.3rem; line-height: 0.46rem; background:none;position:absolute;  right:0; top:0; border-left:none; color: #808080;}
ul.mtree .mtree-level-1 li.mtree-closed>b:before{content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal; height: 0.46rem; width: 0.3rem; line-height: 0.46rem; background:none; position:absolute;  right:0; top:0; border-left:none; color: #666;}
ul.mtree li ul a li a{ padding-left:20px;}
ul.mtree>li:hover>div>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{ font-size:0.15rem !important;} */
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: #333; /*  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);}
/*ul.mtree>li.active>a{color:#303030; padding-left:20px;}
ul.mtree>li.active>a:before{ content:"\f178";font-family:FontAwesome; margin-right:0px; position:absolute; left:0px; top:0; padding:8px 0; opacity:1;}
*/

.toggle_content ul.mtree2>li{ border-bottom: 1px solid #eee; padding: 0;}
.toggle_content ul.mtree2 li a{ text-transform: capitalize; display: block; line-height: 0.48rem; padding: 0 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: #333;font-size:0.24rem; font-family:var(--text-bold-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(--text-bold-font); background:var(--m-secon-color); border-radius: 5px;}
.nav_h4 span{display: inline-block;}
.nav_h4::after{ content:none;}
/* .nav_h4:before{ content:"\f03a"; color:#fff; float:right; font:normal normal normal 14px/1 FontAwesome; margin-right:0.06rem; line-height:0.32rem;}
 */
 .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:#444; 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(--text-bold-font); font-size:0.24rem;line-height:0.32rem;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;}

/* .left-adv .my_more1{ color: #fff; background: var(--m-main-color);}
.left-adv .my_more1:after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:20px;height:20px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23ffffff'%3E%3C/path%3E%3C/svg%3E ");}
 */
@media only screen and (max-width:992px) {.left-adv{ display: none;}}
.page_num{ margin:0px auto 0px;width:100%;  margin-top: 0.3rem;}
.page_num a{ border-radius: 2px; padding:0px 10px; text-align: center;margin-left:5px; color:#666;  display: inline-block;transition: 0.2s; -webkit-transition: 0.2s;	-moz-transition: 0.2s;	-o-transition: 0.2s; text-transform: uppercase;line-height: 40px; height: 40px; float: left; min-width: 40px; background: 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; display: inline-block;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 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.next_post{float:right;text-align:right;}*/
.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.next_post a{padding-right:50px;}*/
.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:#303030;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:#303030;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:16px; font-family:var(--text-bold-font); text-transform:uppercase; color:#303030; margin-right:0.06rem;  }
.tags_ul h2{ display: inline-block;}
.tags_ul a{ display:inline-block; padding:0px 0.16rem; background:#fff; margin: 2px 0; color:#484848; text-transform: capitalize; line-height: 0.3rem;  border: 1px solid #E9E9E9; font-size: 16px; 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: #333;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{ margin-top: 0.3rem; padding: 0 0.2rem 0.2rem; background: #fff; border-radius:5px;box-shadow: 0 5px 20px 1px rgb(0 0 0 / 5%); } */
.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:#303030; line-height:0.22rem; padding:0.12rem 0; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.blog_nav ul li a i{ color:#ccc;  margin-right:0.1rem;}
.blog_nav ul li a:hover{ color: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:#303030;}
.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;}
.tags_ul a{ font-size: 14px;}
}
.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: #333; 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;}
}
@media screen and (max-width: 992px) {
.tags_ul span{ font-size:15px;}
.products_m .pm_pp{font-size:15px;}
}
/*products*/
.cbp-vm-switcher {width:100%; }
.cbp-vm-view-grid .tags_ul{ display:none;}
/* .cbp-vm-view-grid ul li .my_more1{ margin-top: 0.1rem; font-size: 14px; position: relative; z-index: 555;} */
.cbp-vm-view-grid ul li .my_more1{ width:100%; position: relative; z-index: 55; bottom: 1px; border: none; border-top: 1px solid #eee; background: unset; color: #333; 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{display:inline-block; 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:#303030; line-height:32px; text-align:center; width:32px;display:inline-block; background:#fff; vertical-align: middle; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; float: left; margin-right: 6px;}
.cbp-vm-options a svg{ width: 16px; height: 16px; color: #999;transition: 0.5s all;}
.cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected{ border: 1px solid 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; overflow:hidden; height:48px;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:16px;}
.cbp-vm-image .img{ line-height: 0; display: block; overflow: hidden;}
/* .cbp-vm-image .img:after{ position: absolute; left: 50%; top: 50%; content: ''; width: 0.6rem; height: 0.6rem; background: url(../images/cate_ico.png) no-repeat center center; margin-top: -0.3rem; margin-left: -0.3rem; opacity: 0;transition: 0.5s all; } */
.li:hover .cbp-vm-image  .img img{transform: scale(1.1);}
.li:hover .cbp-vm-image  .img:after{ opacity: 1;}
/* Common icon styles */
.products ul li .li .a{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 555;}
.cbp-vm-icon:before {font-family: 'fontawesome';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.cbp-vm-view-grid ul li {width: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:5px;}
.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;}
.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: 5px; 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: #333; font-size: 0.2rem; 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 { white-space: normal;max-height:48px; line-height:24px; color:#777; margin:5px 0px; 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:5px; transition: 0.5s all;}
.cbp-vm-view-grid ul li .li:hover{ z-index: 999;}
.cbp-vm-view-grid ul li .li:hover:after{border: 1px solid 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: #333; 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;}
.cbp-vm-switcher ul li .cbp-vm-details{ font-size: 14px;}
}
@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 -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.2rem; max-height: 0.48rem; color:#333; 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:5px; /* box-shadow: 0px 5px 20px rgba(0,0,0,0.06); */transition: 0.5s all; display: flex;align-items: flex-start;}
.news .li .day {color: #666; display: inline-flex; align-items: center; margin: 0.1rem 0;}
.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{color:#666; max-height:0.52rem; overflow:hidden; line-height:0.26rem; margin-top:0.06rem; margin-bottom: 0.18rem;}
.news  ul li:hover .img{background: #000;}
.news  ul li:hover .img img{transform: scale(1.1); opacity: 0.7;}
.news  ul li:hover{ transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
/* .news  ul li:hover .li{ border: 1px solid #ddd;} */
.news  ul li .img{ line-height: 0; position: relative; flex-shrink: 0; border-radius:5px;}
.news  ul li .img a{ line-height: 0;}
.news  ul li .img img{ width: 100%;}

@media screen and (max-width: 768px) {
.news ul{ 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: #333; 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: #333; 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: #333;}
.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: #333; 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;} 

/* CSS for the loading div */
.prom_img{padding:0;text-align:center;padding-right:0;border-radius:5px;}
.prom_img .swiper-slide{ position: relative; display: inline-block; }
.prom_img #pro_img_gallery{ overflow: inherit; border: 2px solid #eee;}
.prom_img #pro_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1; line-height: 0;}
.prom_img #pro_img_gallery .swiper-slide-active{  opacity: 1 !important; z-index: 3;}
.prom_img #pro_img_gallery .swiper-slide img{width: 100%;}
.prom_img .video_play .video_buttom:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 20px;color: #fff;line-height: 60px;font-family: 'FontAwesome';content:"\f04b";z-index: 2;border-radius: 5px;background: var(--m-main-color);width: 60px;height: 60px;text-align: center; cursor: pointer;}
.cloud-zoom-lens{ background:#000  !important;  opacity: 0.1 !important;}
.prom_img .swiper-slide iframe{ position: absolute; z-index: 66; width: 100%; left: 0; top: 0; height: 100%;}
#pro_img_thumbs{padding-top: 15px;}
#pro_img_thumbs .swiper-slide{ line-height: 0; border-radius:5px;overflow: hidden;cursor: pointer;border: 1px solid #eee;padding: 0;}
#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 .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;}
.zoomImg{transition: 0.3s all;}
/*pro_detail*/
.pro_page a, .pro_page button {color: inherit;display: inline-block;line-height: inherit;text-decoration: none;cursor: pointer;}
.pro_page .clearfix:after {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{ width:40%; position: relative;}
.pro_page .main_text{ width:60%;  padding-left: 0.3rem;}

#content{ position: relative;top: -0.6rem;}
.pro_page .main_text .main_info_details{ display: flex; align-items: center; white-space: nowrap; padding-bottom: 0.15rem;}
.pro_page .main_text .main_info_details .main_category { display: flex; align-items: center; margin-right: 0.2rem; color: 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:#303030; 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:#303030; 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;}
.pro_more a{background: #303030; text-transform: capitalize;line-height:0.5rem; padding: 0 0.24rem; display: inline-block; font-size: 0.14rem; color: #fff; margin-right: 0.1rem; 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: none; text-transform: uppercase; 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: #333; 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: #333; 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: #333;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);}
.products_main .nav-tabs li.active a{ color: #333; 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;}
}
@media only screen and (max-width: 992px) {
.pro_page{padding-top: 0.2rem;}
}

@media only screen and (max-width: 1260px){
.pro_page .prom_img{ width:40%; position: relative;}
.pro_page .main_text{ width:60%;  padding-left: 0.3rem;}
.pro_table ul li{ width: 100%;}
}
@media only screen and (max-width:768px) {
.pro_main_title{margin-top: 0.2rem;}
.pro_page .pro_main{padding:0.2rem; display: block; background: #fff;}
.pro_page .prom_img,.pro_page .main_text{width: 100%; padding: 0; float: none;}
.pro_sns{display: none;}
.pro_table ul li{width: 100%;}
.pro_more .main-more a{ 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{ 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: #333; 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: #333; 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; 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; padding: 0;}
.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: #333;}
.pro_may ul li .li{ border: 1px solid #fff;}

.blog_list{list-style:none;}
.blog_list li{position:relative; list-style:none; border-radius: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: 16px;}
.blog_list li .news_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);}
.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:#303030;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:#303030; text-transform:uppercase;}
.blog_list li .blog_tag i{color:#ccc; margin-right:0.08rem; }
.blog_list li .blog_tag a{ background:#fff; color:#666; line-height:0.26rem; padding:0px 0.14rem; display:inline-block; margin:0px 0.04rem; border: 1px solid #eee;}
.blog_list li .blog_tag a:hover{ background:#303030; color:#fff;}
.blogin{color:#aaa; margin:0.04rem 0px;}
.blogin span{ color:#fff; margin:0px 0.06rem;}
.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%;}
.blog_list li .news_day{ font-size: 15px;}
}

@media only screen and (max-width: 500px) {
.pro_nav{margin-bottom: 20px;}
.pro_nav a{ width: 33.33%; padding: 5px;}
}
.project *{transition: 0.5s all;}
.project ul li{ list-style: none; float: left; width: 25%; padding: 0 0.1rem; margin-bottom: 0.1rem;}
.project ul li .li{  padding-bottom: 0.2rem; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.project ul li .img{ position: relative; overflow: hidden;background: #000;}
.project ul li .title{ color: #333; font-size: 0.18rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.2rem; margin: 0.2rem 0 0.1rem;}
.project ul li p{ text-align: center; padding: 0 0.2rem; color: #808080; padding: 0 0.2rem;line-height: 0.24rem; height: 0.48rem; overflow: hidden;}
.project ul li:hover  img{ opacity: 0.6;transform: scale(1.02);}
.project ul li:hover .li{ background: 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: #333;}
.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: #333; }
.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: #333; line-height: 0.3rem; text-transform: uppercase; padding: 5px;}

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

/*video_l*/
.video_l{list-style:none; margin: 0 -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: inline-block; line-height:32px; background: #f7f7f7; float:left;  color: #555; padding: 0 0.1rem; border-radius: 30px;}
.video_l li .info i{ float: right;  line-height: 0.32rem; color: #222; font-style: normal;}
.video_l li .title a{display:block;font-size:0.18rem; line-height:0.26rem; overflow:hidden;color: #333; margin: 0.2rem 0 0.15rem; font-family: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.3rem 0 0;}
.video_l li{padding:0 5px; margin-bottom: 0.15rem;}
.video_l li{width:50%;}
.video_l li:nth-child(2n+1){ clear: both;}
.video_l li:nth-child(3n+1){ clear: none;}
.video_l li .title a{ font-size: 16px;}
.video_l li p{ font-size: 14px;}
}
@media only screen and (max-width: 480px) {
.video_l li{padding:0;width:100%;}
.video_l li .title a{font-size:16px;margin-bottom:0;height: auto; line-height: 24px; max-height: 48px;}
}

.project_list{list-style:none;}
.project_list{ margin: 0 -0.1rem;}
.project_list li{margin-bottom:0.2rem; padding:0 0.1rem;}
.project_list li:nth-child(3n+1){clear: both;}
.project_list li .column{ border-radius:5px; transition:all .5s;overflow: hidden;}
.project_list li .image{line-height: 0; display:block;overflow:hidden;position:relative;}
.project_list li .image .a_img{ display: block; line-height: 0;}
/* .project_list li .image > a{ line-height: 0; position: absolute;left:0;top:0;width:100%;height:100%;z-index: 10;display: block;}
 */
.project_list li .image img{max-width: 100%;height: auto;width: 100%;transition: all .9s;}
.project_list li:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1)}
.project_list li .image .more_box{position: absolute;left: 0;top: 10px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 5;transition: all .8s;opacity: 0;}
.project_list li:hover .image .more_box{top: 0;opacity: 1;}
.project_list li .image .more_box .main_more{background:#fff;color: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-timing-function:cubic-bezier(0.93,.1,0,1.65);}
.project_list li .title{ font-family:var(--text-bold-font); color:#303030;font-size:0.2rem; line-height:0.28rem; 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: #303030;
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: #333;}
.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: #333;}
.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: #333; display: block;}
.solutions ul li p{ margin: 0.2rem 0;}

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

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

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

.pro_mainnav{ background: #222; width: 100%; z-index: 9999999;}
.pro_mainnav ul li{ list-style: none;}
.pro_mainnav .main{ display: flex;justify-content: space-between; height: 50px;align-items: center;}
.pro_mainnav .title{ font-size: 0.2rem; color: #fff; text-transform: uppercase; font-family: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{display:inline-block;margin-bottom:0;padding:0;padding-right:0.2rem;float: left;}
.page_nav li:last-child{border-right-color: transparent;}
.page_nav li a{display:flex; line-height:24px;text-transform:capitalize;background:var(--m-ncbg-color); border-radius:4px; padding: 0.15rem 0.3rem;font-family:var(--text-bold-font); color: #333;transition:all .5s;position: relative;z-index: 5;align-items: center;justify-content: center;} 
.page_nav li a p{margin: 0;margin-left: 0;color: #333;transition:all .5s; display: block; overflow: hidden; position: relative;padding:0.1rem; width: 100%}
.page_nav li a:after{ bottom: -10px; left:50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: 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:#303030; 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:#303030; font-size:0.3rem; font-family:fontawesome; left:0; right:0; margin:0 auto; transition:all .5s}
.case_title .navigation li:nth-child(2n) a:after{content:'\f105';}
.case_title .navigation li:hover a:after{ color:#fff;}
.case_title .navigation li:hover a{ background: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: 22px; font-family:var(--text-bold-font); display: block;}
.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-main-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); border: 1px solid var(--m-bor-color); 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: #333; 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: 16px; 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-main-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.1rem; padding: 0.15rem 0.15rem 0; background: #fff;}
#toc-container #toc-list li{ list-style: none;}
#toc-container #toc-list li a{ transition: 0.5s all;  -webkit-transition: 0.5s all; -o-transition: 0.5s all;  -moz-transition: 0.5s all; -ms-transition: 0.5s all; display: flex; align-items: center; height: 46px;  padding-left: 0.1rem; color: #333;/* font-size: 16px; */ font-family: var(--text-bold-font); border-bottom: 1px solid #e5e5e5;}
#toc-container #toc-list li:last-child a{border-bottom: none;}
#toc-container #toc-list li a:hover{ color: var(--m-main-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: #333; 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: #333}
.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: #333; 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: #333;}
.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: #333;  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:#333;}
.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;}
}