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

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

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


/*bootstrop*/
@media screen and (min-width: 1600px) {html { font-size: 100px;}}
@media screen and (max-width: 1600px) {html {font-size: 100px;}}
@media screen and (max-width: 1599px) {html {font-size: 94px;}}
@media screen and (max-width: 1574px) {html {font-size: 92px;}}
@media screen and (max-width: 1549px) {html {font-size: 91px;}}
@media screen and (max-width: 1524px) {html {font-size: 89px;}}
@media screen and (max-width: 1499px) {html {font-size: 88px;}}
@media screen and (max-width: 1474px) {html {font-size: 86px;}}
@media screen and (max-width: 1449px) {html {font-size: 85px;}}
@media screen and (max-width: 1424px) {html {font-size: 83px;}}
@media screen and (max-width: 1399px) {html {font-size: 82px;}}
@media screen and (max-width: 1374px) {html {font-size: 80px;}}
@media screen and (max-width: 1349px) {html {font-size: 79px;}}
@media screen and (max-width: 1324px) {html {font-size: 77px;}}
@media screen and (max-width: 1299px) {html {font-size: 76px;}}
@media screen and (max-width: 1274px) {html {font-size: 74px;}}
@media screen and (max-width: 1249px) {html {font-size: 73px;}}
@media screen and (max-width: 1224px) {html {font-size: 72px;}}
@media screen and (max-width: 1199px) {html {font-size: 70px;}}
@media screen and (max-width: 1174px) {html {font-size: 69px;}}
@media screen and (max-width: 1149px) {html {font-size: 67px;}}
@media screen and (max-width: 1124px) {html {font-size: 66px;}}
@media screen and (max-width: 1099px) {html {font-size: 64px;}}
@media screen and (max-width: 1074px) {html {font-size: 63px;}}
@media screen and (max-width: 1049px) {html {font-size: 61px;}}
@media screen and (max-width: 1024px) {html {font-size: 60px;}}
@media screen and (max-width: 992px)  {html {font-size: 70px;}}
@media screen and (max-width: 769px)  {html {font-size: 80px;}}

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;}
@media screen and (max-width: 992px)  {.container{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container{padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 992px)  {.container2{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container2{padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 992px)  {.container3{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container3{padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 992px)  {.container4{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container4{padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 992px)  {.container5{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container5{padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 992px) {
	.embed-responsive {position: relative;overflow: hidden;height: 0;padding-bottom: 56.25%;}
	.embed-responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}

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


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

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

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

/*reset*/
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0; min-height: 1px;}
*,::after,::before {box-sizing: border-box;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display:taFble; content:"";}
.clearfix:after{clear:both;}
.clear{ clear:both;}
.page ul,.about ul,.page_detail ul,.products_main ul{ padding-left: 16px;}
table td{padding: 5px;}
.table-responsive ul li {list-style-position: inside !important; }
.table-responsive td{ padding-left:8px}
.table-responsive {min-height: .01%; overflow-x: auto;}
.cform-item__wrap{ display:flex; align-items: center; font-size: 12px;}
.cform-item__wrap input{  width: 96px !important; padding: 0 5px  !important;}
.cform-item__wrap img{ height: auto;  display: inline-block; margin: 0 5px !important; max-width: 100px;}
#powerby,#powerby a{ display: inline-block; color: #c9c9c9; font-size: 13px}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin: 0; padding: 0; font-weight: normal;}
.tl{ text-align: left !important;}
.tc{ text-align: center !important;}
iframe,video{max-width:100%;}
.hidden{ display: none !important;}
.hidden_web{ display: none;}
@media screen and (max-width:992px) {
.hidden_mob{ display: none !important;}
.hidden_web{ display: block !important;}
}

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

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


/* LINKS */
a{-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out; text-decoration: none; color: #666;}
a:hover {text-decoration: none;}
a:focus {outline-style:none; -moz-outline-style: none; text-decoration:none;}

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

/*inquiry*/
.inquiry .p{ margin-bottom: 20px; color: #aaa;  line-height: 22px; }
.inquiry ul{list-style:none; margin: 0px -10px; 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='1756189539793' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2555' width='24' height='24'%3E%3Cpath d='M896 385.123V191.84C896 121.41 838.448 64 767.454 64H256.546C185.725 64 128 121.475 128 192.375v639.25C128 902.588 185.516 960 256.465 960h125.489v-64h-125.49C220.826 896 192 867.205 192 831.625v-639.25C192 156.914 220.979 128 256.546 128h510.908C803.106 128 832 156.762 832 191.84v193.283h64zM793.274 492.435h90.51L517.728 858.489l-45.255-45.254 63.54 7.66-7.143 59.244c-1.391 11.542 0.929 13.853 12.463 12.463l59.244-7.143 7.66 63.54-45.255-45.255L929.038 537.69v90.51L793.274 492.435z m45.255-45.255l135.764 135.764L608.238 949l-59.244 7.142c-52.54 6.335-90.046-30.714-83.663-83.662l7.143-59.244L838.529 447.18zM352 320h320c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32H352c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32z m0 192h256c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32H352c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32z m0 192h64c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32h-64c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32z' fill='%23ffffff' p-id='2556'%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='%23ffffff'%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='%23ffffff'%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='%23ffffff'%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 #0c1735; background-color: #fff;}
.inquiry select{width:100%;height:50px;border:none;border:1px solid #d7d7dc;background-color:#fff; padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none;}
.inquiry .select{margin: 0;}
.inquiry .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:0.3rem;color:#ccc;top:0.18rem;z-index:99;}
.inquiry  .subject_title{background: #f7f7f7; min-height: 0.5rem; padding:0.15rem;}
.inquiry  .subject_title a{ color:#303030 ;  text-decoration: underline;}
.inquiry  .subject_title span{ font-size:0.14rem; color:#444; margin-right:0.1rem;}

.ms_btn{position: relative; padding: 0 0.24rem; color: #fff; text-transform: uppercase; border-radius: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{ display: inline-flex; justify-content: center; align-items: center; padding:0 0.24rem; line-height:44px; color: #fff; position: relative; text-transform: uppercase; border-radius:30px; background:#0c1735; overflow: hidden;}
.ms_btn:before { content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.ms_btn:hover:before{ width: 100%;}
.ms_btn:hover{ padding-right: 40px;}
.ms_btn:after{ position: absolute; right:15px; top: 0; height: 100%; display: inline-block; 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: 0;}

/*nav*/
.main-menu ul li{ list-style: none; margin: 0;}
.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>a{ position: relative;}
.main-menu>li.active>a,.main-menu>li:hover>a{color: #0c1735; text-decoration: none;}
.main-menu>li.active>a:before, .main-menu>li:hover>a:before{ width: 100%; opacity: 1;}
.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 li, .main-menu .children li {padding: 0 8px; }
.main-menu .sub-menu li a, .main-menu .children li a {color: #4a2682; font-size:16px; line-height: normal;padding: 12px 4px;position: relative;}
.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: #0c1735;}
.main-menu .sub-menu li>a:hover:after, .main-menu .children li a:hover:after{color: #fff !important;}
.main-menu .sub-menu li>a:hover,.main-menu .sub-menu li>a:hover, .main-menu .children li a:hover{color: #fff; }
.main-menu .sub-menu .menu-children a.title img {max-width: 50px; margin-right: 8px;}
.main-menu .sub-menu .menu-children a:hover{ color: #5A4A66;}
.main-menu li:hover, .main-menu li.focus {overflow: visible}
.main-menu li:hover>.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li:hover>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1);}
.main-menu li.megamenu {position: static;}
.main-menu li.megamenu .sub-menu, .main-menu li.megamenu .children {width: 100%;max-width: 100%; padding: 0;margin-left: auto;margin-right: auto;left: 0!important;right: 0!important}
.megamenu .sub-menu .nav_li{ overflow-x: auto; padding: 0.2rem;}
.megamenu .sub-menu .nav_li .n_li{ width: 100%; overflow: hidden;}
.megamenu .sub-menu .nav_li .title{ display: flex; padding: 0.1rem 0; align-items: center; margin-bottom: 0.05rem; border-bottom: 1px solid #eee;}
.megamenu .sub-menu .nav_li .title a{ padding: 0; font-size: 0.2rem; line-height:0.28rem; color: #0f0d1d; }

.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: #0c1735 !important;}

.megamenu>.sub-menu>li.img{display: none;}
.header-navigation { position: absolute; height: 100vh; width: 390px; top: 0; right: 0; bottom: 0; margin: 0!important; overflow: hidden; visibility: hidden; z-index: 9999999;}
.header-navigation .main-navigation { width: 100%; max-width: 390px; background:#b3b2d3; padding: 0; position: fixed; z-index: 9999999; top: 0; height: 100%; 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 { position: relative; height: 100%;overflow-y: scroll; padding: 0.36rem 0.32rem;}
.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%);}
.mob_logo{ text-align: center; margin: 0 auto 0.24rem;}

.main-menu { width: 100%; list-style: none; margin: 0; padding: 0;}
.main-menu .sub-menu ul{ padding: 0.05rem 0.1rem;}
.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: #0c1735; border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0; line-height: 20px !important; padding: 15px 0;}
.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: #0c1735;}
.main-menu li .icon{ display: none;}
.main-menu li .sub-menu { padding-left: 0.3rem; position: relative; margin:0.12rem 0 0.12rem 0.12rem;}
/* .main-menu>li>.sub-menu:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.2rem; height: 80%; border-radius: 0 0 0 0.1rem; border: 1px solid rgba(255, 255, 255, 0.5); border-right: none; border-top: none;}
 */.main-menu li .sub-menu li{ position: relative; padding-top: 0.1rem !important;}
.main-menu li .sub-menu li:before{ content: ''; position: absolute; left: -0.3rem; top: -0.3rem; width: 0.16rem; height: calc(60% + 0.3rem); border-radius: 0 0 0 20px; border: 1px solid rgba(255, 255, 255, 0.4); border-right: none; border-top: none;}
.main-menu li .sub-menu li.click:before{ height: 100%;}

.main-menu .sub-menu, .main-menu .children {position: relative;	display: none;}
.main-menu .sub-menu li a, .main-menu .children li a {	padding: 7px 24px 7px 6px !important;line-height: 20px !important; font-size: 15px !important;	border: none}
.main-menu .sub-menu li>a:hover, .main-menu .children li>a:hover, .main-menu .sub-menu li>a.current, .main-menu .children li>a.current, .main-menu .sub-menu li.current_page_item>a, .main-menu .children li.current_page_item>a, .main-menu .sub-menu li.current-menu-item>a, .main-menu .children li.current-menu-item>a, .main-menu .sub-menu li.current_page_ancestor>a, .main-menu .children li.current_page_ancestor>a, .main-menu .sub-menu li.current-menu-ancestor>a, .main-menu .children li.current-menu-ancestor>a {color: #0c1735}
.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}
.menu-toggle { color: #0c1735; position: absolute; top: 10px; height: 30px; right: 6px; width: 30px; font-size: 20px !important; cursor: pointer; font-family:FontAwesome;}
.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 .btn-nav-mobile { float: right; color: #fff; display: block; text-align: center; vertical-align: middle; cursor: pointer; position: relative; -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: #fff; display: block; height: 3px; margin: auto; position: absolute; left: 0; width: 29px; top:9px; border-radius: 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:-8px;}
#menu-mobile .btn-nav-mobile.opened:before { top:8px; background: #fff; -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 { top: 8px; background: #fff; -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 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; background:#0c1735; 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;}
#menu-mobile .btn-nav-mobile.opened:before,#menu-mobile .btn-nav-mobile.opened:after{ background: #333;}

.header-navigation .main-navigation .main-navigation-inner::-webkit-scrollbar {width: 3px;}
.header-navigation .main-navigation .main-navigation-inner::-webkit-scrollbar-track {
	background-color:#f2f2f2;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
.header-navigation .main-navigation .main-navigation-inner::-webkit-scrollbar-thumb {
	background-color:#ccc;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}

/* .main-menu>li>.sub-menu>li:first-child{ margin-top: 0.12rem !important;} */

.header-navigation .main-navigation .main-navigation-inner .nav_close{ position: absolute; right: 0.1rem; top: 0.1rem; cursor: pointer;}
.header-navigation .main-navigation .main-navigation-inner .nav_close.f-button{ background: none; color: #172344;}

/*language*/
.language{list-style: none; position: relative; margin-right: 0.5rem; text-align: center; transition: 0.6s all; overflow: hidden;}
.language .p{ font-size: 14px; color:#fff; text-transform: uppercase; position: relative; display: flex; align-items: center; 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;}

.language .language_ul{ width:160px; border-radius:3px; position:absolute;/*  box-shadow:0px 5px 10px 0 #eedafc; */ top: 100%; right: 0; background:#eedafc; -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: #0c1735;}
.language ul li:hover{ background: #f7f7f7;}
.language ul li img{ margin-right: 6px; float: left; border-radius: 50%;}
.language ul li a{ line-height: 22px; padding: 5px ; display: flex;align-items: center; color: #777;}
.language ul li a:hover{ color: #0c1735;}

.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: block;}
.mob_sns{ margin-top: 0.32rem; padding: 0 0.1rem;}
.mob_sns p{  color: #0c1735; padding-bottom: 5px; text-transform: uppercase; font-family: 'GildaDisplay';}
.mob_sns a img{ border-radius: 5px; overflow: hidden;} 

@media screen and (max-width:1900px) {
.header-navigation .main-navigation .main-navigation-inner { padding-bottom:0.8rem;}
}
@media screen and (max-width:1200px) {
.header-navigation .main-navigation .main-navigation-inner { padding-bottom:0.4rem;}
}
@media screen and (max-width:1100px) {
.header-navigation .main-navigation .main-navigation-inner { padding-bottom:0.3rem;}
}
@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; }
.mob_language a{ float: left; width: 33.33%; display: flex; padding: 8px 0;align-items: center; color: #666;font-size: 14px;}
.mob_language a img{flex-shrink: 0; margin-right: 8px; border-radius: 50%;}
.mob_sns{ margin-top: 0.2rem;}
.mob_sns a{ display: inline-block;  border-radius: 10px;}
.mob_sns a img{border-radius: 5px;}
}

@media screen and (max-width:768px) {
.language{ margin-right: 0.3rem;}
}

.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;}
.search_section{ line-height: 0; float: right; cursor: pointer;}
/* .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.4rem; height: 0.4rem; line-height:0.4rem; display:inline-block; color: #666; font-style: normal; font-size: 14px; border:none; background: none; background-image: url("data:image/svg+xml,%3Csvg t='1699341196966' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4027' width='24' height='24'%3E%3Cpath d='M701.8831 797.01409c-106.666311 74.888284-222.889924 101.443929-349.728967 75.946413-108.782571-21.776994-196.334279-79.154936-263.713254-167.321042C-44.234946 531.935507-25.666474 282.797137 130.902604 127.661654 287.949547-27.405562 535.210589-43.311642 710.314006 91.582841c179.370069 138.103006 234.563485 408.472238 85.435448 611.940361 6.89491 6.348779 14.335952 12.731691 20.718864 19.626601 61.542195 60.586465 122.02626 121.650794 183.056457 182.203126 18.056473 18.090606 27.067643 39.321469 21.776994 64.818984a61.781127 61.781127 0 0 1-44.577985 49.390768 62.532058 62.532058 0 0 1-66.354979-14.84795c-38.195073-37.205209-75.332016-75.434415-113.01509-112.639625l-89.667967-89.770367-5.836781-5.290649z m-260.572998-22.869257c181.486328 0 332.184493-149.776567 332.184493-329.863434 0-186.435645-149.093903-336.758344-332.696491-335.700214-183.636721 0.511998-332.184493 149.264569-332.184493 333.037823-0.546132 182.203126 149.640035 332.525825 332.696491 332.525825z' fill='%23000000' p-id='4028'%3E%3C/path%3E%3C/svg%3E"); text-align: center; transition: 0.6s all; background-repeat: no-repeat; background-position: right center; border-radius: 0; background-size: 0.16rem auto;}

.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(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:#0c1735; 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.5rem; text-align: left;}
.search_tags a{ display: inline-block; background: #f7f7f7; color: #777; font-size: 14px; line-height: 0.26rem; padding: 0.02rem 0.15rem; margin-bottom: 0.04rem;}
.search_tags a:hover{ background: #0c1735; color: #fff;}

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

/*Search*/
.search_rcom{ display: flex; align-items: center; margin-top: 0.4rem; overflow: hidden;}
.search_web{position: relative; width:100%; z-index: 1; width: 3.2rem; max-width: 3.2rem;}
.search_web .form-control{ width:100%; font-size: 14px; height:0.44rem; color:#0c1735; float:left; padding-left: 0.12rem; line-height:0.44rem; background:#e8f0fe; border:none; border-radius:30px; box-shadow: none; float: none; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.search_web .form-control:focus{ color:#0c1735;}
.search_web .search_btn{ display:block; width:0.42rem; height:0.42rem; cursor:pointer; border:none; position:absolute; bottom:0.01rem; right: 0.01rem; border-radius: 50%; background-color:#0c1735; background-image: url("data:image/svg+xml,%3Csvg t='1699341196966' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4027' width='18' height='18'%3E%3Cpath d='M701.8831 797.01409c-106.666311 74.888284-222.889924 101.443929-349.728967 75.946413-108.782571-21.776994-196.334279-79.154936-263.713254-167.321042C-44.234946 531.935507-25.666474 282.797137 130.902604 127.661654 287.949547-27.405562 535.210589-43.311642 710.314006 91.582841c179.370069 138.103006 234.563485 408.472238 85.435448 611.940361 6.89491 6.348779 14.335952 12.731691 20.718864 19.626601 61.542195 60.586465 122.02626 121.650794 183.056457 182.203126 18.056473 18.090606 27.067643 39.321469 21.776994 64.818984a61.781127 61.781127 0 0 1-44.577985 49.390768 62.532058 62.532058 0 0 1-66.354979-14.84795c-38.195073-37.205209-75.332016-75.434415-113.01509-112.639625l-89.667967-89.770367-5.836781-5.290649z m-260.572998-22.869257c181.486328 0 332.184493-149.776567 332.184493-329.863434 0-186.435645-149.093903-336.758344-332.696491-335.700214-183.636721 0.511998-332.184493 149.264569-332.184493 333.037823-0.546132 182.203126 149.640035 332.525825 332.696491 332.525825z' fill='%23ffffff' p-id='4028'%3E%3C/path%3E%3C/svg%3E"); text-align: center; transition: 0.6s all; background-repeat: no-repeat; background-position: center center; background-size: 0.16rem 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:#004082;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.select-content .select-close {position:absolute;right:20px;top:20px;border:none;background-color:transparent;}
.select-content .select-close i{width:30px;height:30px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
.select-content .select-close i:before,.select-content .select-close i:after{content:'';display:inline-block;background:#808080;width:20px;height:2px;margin:2px 0;}
.select-content .select-close i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
.select-content .select-close i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}

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

.select-show .select-content::-webkit-scrollbar {width: 3px;}
.select-show .select-content::-webkit-scrollbar-track {
	background-color:#f2f2f2;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
.select-show .select-content::-webkit-scrollbar-thumb {
	background-color:#ccc;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
.select-content .main .sel-wrap .i_title .title_txt{ font-size: 0.42rem; line-height: 0.5rem;}

/* @media only screen and (max-width:1200px) {
.select a{float: none;}
} */

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

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

.swiper-button-prev,.swiper-button-next{ float: left; width: 0.4rem; height: 0.4rem; position: initial; display: flex; background: #eedafc; margin: 0; background-size: 20px auto; border-radius: 50%; background-repeat: no-repeat; background-position: center center; box-shadow: 0 0px 30px 0 rgb(0 0 0 / 10%);}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 16px; color: #0c1735;}
.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: 0.4rem; height: 0.4rem; border-radius: 50%; margin-top: -0.2rem; box-shadow: 0 0px 30px 0 rgb(0 0 0 / 10%);}
.button_inside .swiper-button-next{ position: absolute; top: 50%; right:0.1rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; margin-top: -0.2rem; box-shadow: 0 0px 30px 0 rgb(0 0 0 / 10%);}

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

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

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

/*fancybox*/
.fancybox__container{ z-index: 999999991 !important;}
.select_title{ font-family: var(--title-font); font-style:normal; color: var(--zmain-color); font-size: 0.36rem; line-height: 0.36rem; margin-bottom: 0.2rem; text-transform: uppercase;}
#dialog-quote{ max-width: 10rem; display: none; padding: 0;}
#dialog-quote .main{ padding: 15px;}
#dialog-quote .inquiry{ padding: 0.3rem; padding-left: 0; padding-top: 0.1rem;}
#dialog-quote .i_title{ padding-top: 0.2rem;}
#dialog-quote .i_title .title_txt{ font-size: 0.3rem; line-height: 0.4rem;}

@media screen and (max-width:768px) {
#dialog-quote{ margin: 0;}
#dialog-quote .inquiry{ padding-right: 0;}
#dialog-quote .select-img{ display: none;}
.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%;}

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

/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden;}
.banner .swiper-button-prev, .banner .swiper-button-next{ position: absolute; background: none; box-shadow:none}
.banner .swiper-button-next { right: 0.2rem;}
.banner .swiper-button-prev { left: 0.2rem;}
.banner .swiper-slide {position: relative; transition: all 0.6s;}
.banner .swiper-slide>a{ display: block; line-height: 0;}
.banner .swiper-slide img {width: 100%; border-radius: 0.2rem;}
.banner .swiper-slide .banner_text {position: absolute; width: 100%; bottom: 13%; left: 0; /* transform: translateY(-50%); */ text-align: left; z-index: 9999;}
.banner .swiper-slide .banner_text .banner_box{ margin: 0 auto;}
.banner .swiper-slide .banner_text .title{ position: relative; display: inline-block; margin-bottom: 0.28rem; padding-bottom: 0.26rem; color: #fff; font-size:0.8rem; line-height:0.88rem; font-family: "GildaDisplay"; text-transform: capitalize; text-shadow: 3px 3px 0px rgba(20, 70, 123, 0.5); transform: translateY(15px); opacity: 0;}
.banner .swiper-slide .banner_text .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.banner .swiper-slide .banner_text .stitle{ margin-bottom: 0.62rem; color: #fff; font-size:0.3rem; line-height:0.36rem; text-transform: uppercase; transform: translateY(15px); opacity: 0;}
.banner .swiper-slide .banner_text .my_more1{ transform: translateY(30px); opacity: 0;}

.banner .swiper-slide-active .banner_text .title{transition: all .5s ease .6s; transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .stitle{transition: all .6s ease .8s; transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .my_more1{ transition: all .8s ease 1s; transform: translateY(0);  opacity: 1;}

.banner .swiper-button-prev, .banner .swiper-button-next { background-image: none; width: 0.48rem; height: 0.48rem; margin-top: -0.24rem; text-align: center; line-height: 0.48rem; color: #fff;transition: all .3s ease; background: rgba(0, 0, 0, 0.2); border-radius: 50%;}
.banner .a{ display: block;position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; width: 100%; bottom: 0.24rem; margin-top: 0; opacity: 1;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ color: #fff; font-size: 0.2rem; font-weight:normal;}
.banner .swiper-fade .swiper-slide-active,.banner .swiper-fade .swiper-slide-active .swiper-slide-active{ z-index: 99;}

@media only screen and (max-width: 992px){
.banner .swiper-slide .banner_text .title{ font-size:0.6rem; line-height:0.68rem; margin-bottom: 0.24rem;}
.banner .swiper-slide .banner_text .stitle{ margin-bottom: 0.5rem;}
.banner .swiper-button-prev, .banner .swiper-button-next{ display: none;}
.banner .swiper-pagination{ bottom: 0.2rem;}
}
@media only screen and (max-width: 768px){
.banner .swiper-slide .banner_text .title{ font-size: 0.4rem; line-height: 0.48rem; margin-bottom: 0.16rem; padding-bottom: 0.16rem;}
.banner .swiper-slide .banner_text .stitle{ margin-bottom: 0.3rem; font-size:0.18rem; line-height: 0.28rem;}
.banner .swiper-pagination{ display: none;}
}
@media only screen and (max-width: 680px){
.banner .swiper-slide .banner_text .title{ font-size: 0.32rem; line-height: 0.4rem;}
.banner .swiper-slide .banner_text .stitle{ margin-bottom: 0.2rem; font-size:14px; line-height:24px;}
}
@media only screen and (max-width:480px){
.banner .swiper-slide .banner_text .title{ font-size: 0.28rem; line-height: 0.36rem; padding-bottom: 0.1rem; margin-bottom: 0.1rem;}
.banner .swiper-slide .banner_text .stitle{ margin-bottom: 0;}
.banner .swiper-slide .banner_text .my_more1{ 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.48rem; min-height: 40px; padding:0 0.5rem; color: #fff; text-transform: uppercase; align-items: center; justify-content: center; white-space: nowrap; border-radius:30px; border: 1px solid #fff; overflow: hidden;}
.my_more1:after{ content: ' '; position: absolute; width:0.24rem; height: 0.3rem; right: 0.1rem; top:50%; line-height: 0.3rem; margin-top: -0.15rem; transition: 0.5s; background-image: url("data:image/svg+xml,%3Csvg t='1755765164543' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2558' width='30' height='30'%3E%3Cpath d='M589.994667 380.330667H351.701333a42.666667 42.666667 0 1 1 0-85.333334h341.333334a42.538667 42.538667 0 0 1 42.666666 42.666667v341.333333a42.666667 42.666667 0 0 1-85.333333 0V440.661333l-289.237333 289.237334A42.666667 42.666667 0 0 1 300.8 669.525333l289.194667-289.194666z' p-id='2559' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.24rem auto; background-repeat: no-repeat; background-position: right center;flex-shrink: 0; background-color:unset; opacity: 0;}
.my_more1:before { content: ' '; position: absolute; background:rgba(255,255,255,0.15); 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;}
.my_more1:hover:before{ width: 100%;}
.my_more1:hover:after{ right: 0.2rem; opacity: 1;}

.n_main .my_more1{ height:0.42rem; padding:0 0.4rem;}
.n_main .my_more1:after{ right: 0.18rem;}
.n_main .my_more1:hover:after{ right: 0.1rem;}

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

header{width: 100%;z-index: 99999999;padding: 0; position:fixed; transition: 0.4s all;}
header.small{left:0; top:0; position:fixed; font-size:100%; background-color: rgba(12, 23, 53, 0.5);/*  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */}
.height{ height:1.4rem;}

.nav_section {position: relative; display: flex;align-items: center; z-index: 2;}
.nav_section .nav_main{ display: flex;align-items: center;}
.nav_section #logo{display: inline-block; position: relative; z-index: 2; padding: 0 0.8rem 0 0; -webkit-filter: drop-shadow(8px -4px 20px rgba(7, 36, 95, 0.04));  filter: drop-shadow(8px -4px 20px rgba(7, 36, 95, 0.04));}
.nav_section #logo img{ max-height: 100%; width:  auto;}
.nav_section #logo a{ display: block; line-height: 0; overflow: hidden;}
.nav_section #logo img{ max-width:2.48rem; transition: 0.4s all;}
header.small .nav_section #logo img{ max-width:1.6rem;}

.nav_section .main{ padding: 0.3rem 0; position: relative; display: flex;align-items: center; justify-content: space-between; width: 100%; transition: 0.4s;}
header.small .nav_section .main{ padding: 0.2rem 0;}
.nav_section .header_left{ line-height: 0; overflow: hidden;}
.main-menu>li>a { font-size: 0.18rem; line-height:0.28rem; padding:0.15rem 0; text-transform: capitalize;  position: relative; background-position: center center;}
.main-menu>li>a>span{ position:relative; z-index: 555;}

.nav_section .top_rr{ display: flex; align-items: center; position: relative;}
.nav_section #menu-mobile .btn-nav-mobile{ width: 29px; height: 21px;}
.nav_section #menu-mobile .btn-nav-mobile.opened:before, .nav_section #menu-mobile .btn-nav-mobile.opened:after{ background: #fff;}

@media screen and (max-width:1800px) {
.main-menu>li{ padding-right: 0.44rem;}
.nav_section .t_con{ margin-left: 0.6rem;}
/* .top_section,.nav_section{ padding:0 0.3rem;} */
.nav_section .top_quote{ margin-left: 0.2rem;}
.main-menu>li.menu-children{ padding-right: 0.4rem;}
.main-menu>li:last-child{ padding-right: 0.4rem;}
.nav_section .nav_r .nt_main{ padding-left: 0.3rem;}
.nav_section .nav_call a{ font-size: 16px;}
}
@media screen and (max-width:1600px) {
/* .top_section,.nav_section{ padding: 0 0.2rem;} */
.main-menu>li{ padding-right: 0.3rem;}
.nav_section .nav_r .nt_main{ padding-left: 0.2rem;}
}
@media screen and (max-width:1220px) {
.top_section .top_con{ font-size: 14px;}
}
@media screen and (max-width:1200px) {
.language p span{ font-size: 13px;}
.top_section .top_con a{ font-size: 14px;}
}
@media only screen and (max-width:992px) {
.top_section{ display: none;}
.top_section .main{ display: none;}
/* .top_section,.nav_section{ padding: 0 0.3rem;} */
.nav_section{ padding: 0;}
.nav_section .main{ width: 100%; padding: 0.2rem;}
.nav_section #logo img{ max-width:1.8rem;}
.nav_section .top_sns{ display: none;}
.height{ height:0.96rem;}
header,header.small{ /* background: none; */ box-shadow: none;}
.search_section{ height: 50px; position: absolute; right: 0; top: 0; z-index: 999999998; background: none; margin: 0;}
.ico_search{ margin-right: 8px;/*  margin-top: 8px; */ width: auto; border-radius: 5px; padding-left: 0; width: 34px; height: 34px; background-color: #0c1735; 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.22rem auto; overflow: hidden;}
/* .ico_search{ margin-top: 0px; width: auto; padding-left: 0; width: 50px; height: 50px; background-color: #0c1735; background-position: center center; margin-left: 0px; margin-right: 0px; border-radius: 5px; background-size: auto !important; overflow: hidden;}
 */
.search_section .search_com p{ display: none;}
.search_section .search_com{ border: none; margin: 0; padding: 0; width:auto; height: auto; background: none; border-radius:5px;}
header.small .ico_search{ display: block;}
.nav_section .nav_rt{ position: inherit;}
/* .nav_section .container{ padding: 0;} */
}
@media screen and (max-width:1260px) {
.nav_section .container:after {margin-right: -240px;}
}

@media screen and (max-width:1200px) {
.nav_section .r_sns{ display: none;}
}
@media screen and (max-width:992px) {
.nav_section #menu-mobile .btn-nav-mobile{ width: 24px; height: 14px;}
#menu-mobile .btn-nav-mobile:before, #menu-mobile .btn-nav-mobile:after, #menu-mobile .btn-nav-mobile span{ width: 24px; height: 2px; top: 6px;}
#menu-mobile .btn-nav-mobile:before{ top: 0;}
#menu-mobile .btn-nav-mobile span{ bottom: -6px;}
}

/* Animated Title Border */
.animate-border {
	position: relative;
	display: block;
	width:52px;
	height:4px;
	background:#0c1735;
	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.5rem; position: relative; z-index: 1;}
.i_title .title_txt{ font-size: 0.6rem; line-height: 0.72rem; color: #fff; font-family: "GildaDisplay"; position: relative; text-transform: uppercase;}
.i_title .title_tt{ line-height: 24px; color: #fff; max-width: 8rem; margin: 0.08rem 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; width: 1.2rem;}
.tl.i_title .title_txt:after{ left: 0;}

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

@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{margin-bottom: 0.05rem;}
.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; 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.28rem; line-height: 0.36rem; background: none;}
}

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

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

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

@keyframes qodef-jump {
	50% {-webkit-transform: translateY(-3px);transform: translateY(-3px)}
	100% {-webkit-transform: translateY(0);transform: translateY(0)}
}
/* Animated Title Border */
.item_mask{
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
opacity: 1;
pointer-events: none;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
display: block;
}
li:hover .item_mask{opacity: 1;}
.item_mask:before{
content: ' ';
position: absolute;
z-index: 1;
top: 0;
left: -10%;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.15);
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease, -webkit-transform 1.2s ease;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
li:hover .item_mask:before{
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -130%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -130%, 0);
}

/*b_bg*/
.b_bg{ background: #0c1735 url(../images/bbg.png) repeat center center; overflow: hidden;}

/*about_section*/
.about_section{ padding:1rem 0; overflow: hidden;}
.about_section .ab_text{ margin-top: 0.13rem; margin-bottom: 1rem;}
.about_section .ab_p{ width: 40%; margin:0 auto 0.52rem; font-size: 0.24rem; color: #fff; line-height: 0.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden;}
.about_section .about_img{ position: relative; border-radius: 0.2rem; overflow: hidden;}
.about_section .about_img .img{ line-height: 0; position: relative; z-index: 8; display: block; overflow: hidden;}
.about_section .about_img .img img{ width: 100%;}

@media only screen and (max-width:1600px) {
.about_section .ab_p{ width: 80%;}
}
@media only screen and (max-width:992px) {
.about_section{ padding:0.6rem 0;}
.about_section .ab_text{ margin-bottom: 0.5rem;}
.about_section .ab_p{ width: 90%; margin-bottom: 0.4rem; font-size: 16px; line-height: 24px;}
}	
@media only screen and (max-width:768px) {
.about_section{ padding:0.5rem 0;}
.about_section .ab_text{ margin-top: 0;}
}
@media only screen and (max-width:600px) {
.about_section{ padding:0.4rem 0 0.2rem;}
}

/*pro_section*/
.pro_section{ padding:0.8rem 0; overflow: hidden;}
.pro_section .main{ display: flex; align-items: center;}
.pro_section .main .left{ width: 33.1%; margin-right: 0.82rem;}
.pro_section .main .left a{ display: block; border-radius: 0.2rem; overflow: hidden;}
.pro_section .main .right{ width: 66.9%; overflow: hidden;}
.pro_section .main .right .i_title .title_txt{ font-size: 0.38rem; line-height: 0.46rem; overflow: hidden;}
.pro_section .main .r_more{ flex-shrink: 1; display: block; width: 0.6rem; height: 0.6rem; border-radius: 50%; background-color: #eedafc; background-image: url("data:image/svg+xml,%3Csvg t='1755789072377' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='63442' width='40' height='40'%3E%3Cpath d='M288 288a32 32 0 0 1 32-32h416a32 32 0 0 1 32 32v416a32 32 0 1 1-64 0V365.248L323.872 745.376a32 32 0 0 1-45.248-45.248L658.752 320H320a32 32 0 0 1-32-32z' fill='%230c1735' p-id='63443'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.3rem; background-position: center center; background-repeat: no-repeat;}

.pro_section .pro_com{ margin: 0 -0.15rem; padding-top: 0.07rem; overflow: visible;}
.pro_section .swiper-slide{width: 33.33%; padding: 0 0.15rem; transition: 0.5s all; opacity: 0;}
.pro_section .swiper-slide.swiper-slide-visible{ opacity: 1;}
.pro_section .li{ position: relative; transition: 0.5s all;}
.pro_section .img{ position: relative; display: block;}
.pro_section .img img{ width: 100%;}
.pro_section .li:hover .img img{transform: scale(1.05);}
.pro_section .li .text{ padding: 0.22rem 0.1rem 0;}
.pro_section .li .h4{display: block; color: #fff; font-size: 0.18rem; line-height: 0.28rem; min-height: 0.56rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}

@media only screen and (max-width:992px) {
.pro_section{ padding:0.5rem 0;}
.pro_section .main .left{ margin-right: 0.5rem;}
.pro_section .swiper-slide{ width: 50%;}
}
@media only screen and (max-width:768px) {
.pro_section{ padding:0.3rem 0 0.4rem;}
.pro_section .main{ flex-direction: column;}
.pro_section .main .left{ width: 100%; margin-right: 0; margin-bottom: 0.5rem;}
.pro_section .main .right{ width: 100%;}
.pro_section .scrollbar_title{ display: flex;}
.pro_section .scrollbar_title .i_title{ width: 80%; text-align: left !important;}
}
@media only screen and (max-width:600px) {
.pro_section{ padding:0.24rem 0 0.3rem;}
}

/*fcon_section*/
.fcon_section{ padding:1rem 0; overflow: hidden;}
.fcon_section .main{ width: 63%; margin: 0 auto; text-align: center; position: relative; display: flex; justify-content: center; align-items: flex-end; z-index: 1;}
.fcon_section .line{ position: absolute; z-index: -1; top: 17%;}
.fcon_section .line img{ max-width: 110%;}
.fcon_section .li{ padding: 0 0.14rem;}
.fcon_section .li{ line-height: 0; overflow: hidden;}
.fcon_section .li.li2 img{ border-radius: 0.2rem; overflow: hidden;}
.fcon_section .li.li0 img{ border-radius: 5px}
.fcon_section .li.li1 img{ border-top-left-radius: 1.1rem; overflow: hidden;}
.fcon_section .li.li3 img{ border-top-right-radius: 1.1rem; overflow: hidden;}
.fcon_section .bot{ position: relative; margin-top: -1.02rem; z-index: 1;}
.fcon_section .btext{ margin-bottom: 0.74rem; text-align: center; font-size: 0.6rem; line-height: 0.72rem; color: #fff; text-transform: uppercase; font-family: "GildaDisplay";}
.fcon_section .btext span{ display: block;}

@media only screen and (max-width:992px) {
.fcon_section{ padding:0.5rem 0;}
.fcon_section .main{ width: 80%;}
.fcon_section .btext{ margin-bottom: 0.5rem;}
}
@media only screen and (max-width:768px) {
.fcon_section{ padding:0.4rem 0;}
.fcon_section .main{ width: 88%;}
.fcon_section .bot{ margin-top: 0.48rem;}
.fcon_section .btext{ font-size: 0.48rem; line-height: 0.56rem;}
.fcon_section .line img{ width: 102%;}
.fcon_section .li.li1 img{ border-top-left-radius:0.45rem;}
.fcon_section .li.li3 img{ border-top-right-radius:0.45rem;}
}
@media only screen and (max-width:600px) {
.fcon_section .main{ width: 100%;}
.fcon_section .bot{ margin-top: 0.36rem;}
.fcon_section .btext{ font-size: 0.4rem; line-height: 0.5rem;}
}

/*footer*/
#footer{color:#fff; position: relative; padding-top: 0.4rem; background-size: cover !important; z-index: 666;}
#footer ul li{ list-style:none;}
#footer a{ color:#fff;}
#footer a:hover{ color:#fff; text-decoration:underline; }
#footer .ul li a{ line-height:26px; padding:3px 0; padding-left: 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_center{ display: flex;}
#footer .footer_center .pli{ display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center;}
#footer .footer_tags{ width: 25%; padding: 0 0.1rem;}
#footer .footer_ab{ width:50%; text-align: center; margin: 0 auto; padding: 0.3rem 0; border-left:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1);}
#footer .footer_con{ width:25%; padding: 0 0.4rem;}

#footer .footer_logo{ display: inline-block; margin-bottom: 0.28rem; line-height: 0;}
#footer .footer_sns{ margin-top: 0.2rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
#footer .footer_sns a{ max-width: 0.36rem; margin:0 0.05rem; border: none; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden;}

#footer .r_wrap{ width:41%; margin: 0 auto;}
#footer .r_email{ position: relative; display: flex; border-radius:none; background:none; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); overflow: hidden;}
#footer .remail_main{ width: 100%; height:0.4rem; color:#fff; line-height:100%; background: none; border:none; -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 .r_email input:-ms-input-placeholder{color:#fff; font-size: 16px;}/* Internet Explorer 10+ */ 
#footer .r_email input::-webkit-input-placeholder{color:#fff; font-size: 16px;}/* WebKit browsers */
#footer .r_email input::-moz-placeholder{color:#fff; font-size: 16px;}/* Mozilla Firefox 4 to 18 */ 
#footer .r_email input:-moz-placeholder{color:#fff; font-size: 16px;}/* Mozilla Firefox 19+ */ 
#footer .email_btn{ display: flex; align-items: center; position: relative; padding:0 0.24rem; background:none; height: 0.4rem; line-height: 0.4rem; color: #fff; border-radius:0; cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg t='1755768574424' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2271' 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='2272' 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='2273' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.16rem auto; background-repeat: no-repeat; background-position: right center;}
#footer .email_btn input{ cursor: pointer; background: none; color: #fff; text-transform: capitalize;}

#footer .title_h4{color:#fff; text-transform:capitalize; font-size:0.24rem; position: relative; margin-bottom: 0.12rem; z-index: 1;}
#footer .title_h4:before{ content: ''; position: absolute; left: 0; bottom: 0.08rem; width: 100%; height: 2px; background:#f5e9fe; opacity: 0.7; z-index: -1;}

/* #footer .footer_center .pli.footer_con{ text-align: left; align-items: flex-start;} */
#footer .footer_con ul{ text-align: center; 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{ display: flex; position: relative;  line-height: 26px; margin-bottom: 0.06rem; justify-content: center;}
#footer .footer_con ul li:last-child{ margin-bottom: 0;}
#footer .footer_con ul li:before{  flex-shrink: 0;/*  position: absolute; left: 0px; top: 0px;  */ content: ''; width: 28px; height: 26px; background-color:unset; background-position: left center; background-repeat: no-repeat;}
#footer .footer_con .con_add:before{ background-image: url("data:image/svg+xml,%3Csvg t='1758783560358' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='12506' width='17' height='17'%3E%3Cpath d='M511.98464 25.6c231.86432 0 419.82464 187.96032 419.82464 419.82464S582.53312 998.4 511.98464 998.4C441.43616 998.4 92.16 677.28896 92.16 445.42464S280.12032 25.6 511.98464 25.6z m0 267.1616c-84.31104 0-152.66304 68.352-152.66304 152.66304 0 84.31616 68.352 152.66304 152.66304 152.66304 84.31616 0 152.66304-68.352 152.66304-152.66304S596.29568 292.7616 511.98464 292.7616z' fill='%23ffffff' p-id='12507'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_tel:before{background-image: url("data:image/svg+xml,%3Csvg t='1745293493634' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='88681' width='17' height='17'%3E%3Cpath d='M620.89216 68.16768a44.32384 44.32384 0 0 0-6.79936-0.79872c-20.3776-0.73728-38.20032 12.44672-42.30656 31.39072-2.26304 10.27584-0.1536 20.78208 5.97504 29.58336 6.09792 8.79616 15.45728 14.7968 26.3168 16.896 87.48032 17.09568 162.7904 65.5104 212.0448 136.32512 49.23904 70.84544 66.40128 155.46368 48.40448 238.2848-2.26304 10.31168-0.1536 20.79232 5.96992 29.57824 6.10304 8.79104 15.4624 14.78656 26.32192 16.91648 2.28352 0.43008 4.59776 0.6912 6.8352 0.78848a43.12064 43.12064 0 0 0 24.42752-6.46656c9.28768-5.7856 15.63136-14.65344 17.87392-24.92928 46.47936-213.74464-99.31776-423.51104-325.06368-467.56864z m71.56224 591.17056c2.4576 1.52064 57.31328 34.8672 99.456 75.85792 15.872 15.50336 42.46016 41.44128 41.75872 71.53664-0.5888 20.55168-12.84096 41.17504-37.46816 62.93504-6.12352 5.69344-60.98432 54.20544-148.74112 54.20544-24.02816 0-48.73216-3.61984-73.40544-10.7264-25.92768-7.44448-52.28544-18.93376-78.27968-34.10432-102.62016-57.38496-181.8112-131.27168-257.01888-239.64672C109.47584 453.12 105.76384 293.60128 106.36288 263.54176c0.21504-138.75712 122.2656-193.33632 136.18688-199.1168 19.13856-8.40192 35.86048-12.44672 51.27168-12.44672 7.37792 0 14.44352 0.95232 20.98688 2.8416 13.45024 3.8656 32.13824 13.88032 44.69248 39.63392 17.12128 34.93888 33.32096 85.02784 44.38016 137.46176 11.64288 54.4256-20.58752 69.69856-51.75296 84.46464l-1.23904 0.50688s-55.13728 21.7856-64.83456 25.56416c-9.52832 3.7632-14.4896 13.9264-11.24352 23.2192 22.23616 63.78496 56.192 129.92512 98.16576 191.27808 41.28768 60.3648 90.3936 116.07552 141.98272 161.1776 3.6864 3.18464 8.4224 4.97152 13.42976 4.97152l1.69472-0.08704a20.09088 20.09088 0 0 0 13.93664-7.14752c8.38144-10.20416 21.24288-24.9088 34.816-37.14048 25.71776-23.15776 48.99328-34.4064 71.11168-34.4064 6.05696 0 12.07808 0.8448 17.87392 2.51904 5.56032 1.6128 14.53568 6.17984 24.63232 12.50304z m-174.55616-268.4928c-10.88512-2.13504-20.23936-8.12544-26.3424-16.91136-6.144-8.79104-8.25344-19.3024-6.01088-29.60896 4.16768-18.92352 21.94432-32.12288 42.2912-31.35488 2.26304 0.06144 4.54656 0.32256 6.82496 0.76288 96.47616 18.83136 158.7968 108.51328 138.9312 199.90016-2.21696 10.25024-8.53504 19.09248-17.8176 24.91904a43.6224 43.6224 0 0 1-24.43264 6.46656 46.75072 46.75072 0 0 1-6.80448-0.80896c-10.91072-2.08896-20.28032-8.12032-26.38336-16.9216-6.10304-8.7552-8.21248-19.24096-5.97504-29.55264 5.14048-23.64928 0.26624-47.80544-13.82912-68.02432-14.04928-20.18304-35.49184-34.00192-60.45184-38.86592z m43.20256-123.28448c-22.43584-4.4032-36.92544-25.2416-32.31744-46.47424 4.12672-18.96448 21.9136-32.17408 42.28096-31.42656 2.24256 0.09216 4.54144 0.34304 6.82496 0.80384 78.08 15.24224 145.2544 58.42944 189.24544 121.66656 43.91936 63.19616 59.264 138.70592 43.15136 212.6336-2.24256 10.31168-8.58112 19.18464-17.8688 24.9344a42.8544 42.8544 0 0 1-24.41216 6.47168 44.16 44.16 0 0 1-6.84544-0.80896c-22.39488-4.352-36.89984-25.20064-32.29184-46.47424 11.61728-53.34016 0.54784-107.8784-31.19616-153.52832-31.73888-45.62944-80.19456-76.81024-136.57088-87.79776z' fill='%23ffffff' p-id='88682'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_email:before{background-image: url("data:image/svg+xml,%3Csvg t='1743610836663' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='165329' width='17' height='17'%3E%3Cpath d='M938.666667 341.333333 938.666667 768C938.666667 814.933333 900.266667 853.333333 853.333333 853.333333L170.666667 853.333333C123.733333 853.333333 85.333333 814.933333 85.333333 768L85.333333 341.333333C85.333333 309.333333 103.253333 281.173333 129.28 266.666667L512 45.653333 894.72 266.666667C920.746667 281.173333 938.666667 309.333333 938.666667 341.333333M170.666667 341.333333 512 554.666667 853.333333 341.333333 512 128 170.666667 341.333333Z' fill='%23ffffff' p-id='165330'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_whatsapp:before{background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116875464' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5327' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E@font-face %7B font-family: feedback-iconfont; src: url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944') format('woff2'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944') format('woff'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944') format('truetype'); %7D %3C/style%3E%3C/defs%3E%3Cpath d='M623.915417 525.57825c3.851725 0 18.300808 6.520507 43.343157 19.560498 25.045419 13.041014 38.307468 20.894889 39.789215 23.561625 0.592494 1.481747 0.890276 3.705392 0.890276 6.668886 0 9.780761-2.51938 21.043269-7.55814 33.788547-4.743024 11.558244-15.263635 21.264303-31.565926 29.119201-16.300244 7.853875-31.4155 11.781324-45.345768 11.781324-16.893762 0-45.049009-9.188266-84.46881-27.564799-29.0445-13.335726-54.236252-30.823006-75.576279-52.458769-21.339004-21.635763-43.271526-49.051159-65.795519-82.245166-21.340027-31.712259-31.860638-60.461023-31.56388-86.246293l0-3.557012c0.889253-26.970258 11.855002-50.384527 32.897248-70.241784 7.114025-6.520507 14.818497-9.779737 23.11751-9.779737 1.777483 0 4.445242 0.222057 8.001231 0.666172 3.557012 0.444115 6.372128 0.667196 8.447393 0.667196 5.631254 0 9.558703 0.961908 11.781324 2.888793 2.222621 1.926886 4.519943 6.002714 6.890944 12.226462 2.371 5.92699 7.261381 18.968004 14.671141 39.120996 7.408737 20.154016 11.114129 31.269168 11.114129 33.342386 0 6.224772-5.112438 14.744819-15.337313 25.563212-10.224876 10.81737-15.338337 17.708314-15.338337 20.671809 0 2.075265 0.741897 4.297886 2.222621 6.668886 10.076496 21.635763 25.192775 41.938158 45.345768 60.907185 16.598027 15.70775 38.974663 30.674627 67.12991 44.900629 3.557012 2.075265 6.816243 3.111874 9.781784 3.111874 4.446265 0 12.447497-7.186679 24.006763-21.560038C612.356151 532.765953 620.060623 525.57825 623.915417 525.57825L623.915417 525.57825zM533.666974 761.199619c37.640272 0 73.724095-7.408737 108.252493-22.228257 34.527374-14.818497 64.238047-34.676777 89.134063-59.572794 24.896017-24.894993 44.75225-54.606689 59.572794-89.13611 14.818497-34.527374 22.228257-70.612221 22.228257-108.252493s-7.408737-73.724095-22.228257-108.252493c-14.81952-34.528398-34.676777-64.240093-59.572794-89.13611s-54.606689-44.753273-89.134063-59.572794c-34.528398-14.818497-70.612221-22.228257-108.252493-22.228257-37.641295 0-73.725118 7.40976-108.253516 22.228257-34.528398 14.81952-64.240093 34.676777-89.13611 59.572794-24.896017 24.896017-44.75225 54.607712-59.57177 89.13611-14.818497 34.528398-22.228257 70.612221-22.228257 108.252493 0 60.165288 17.783015 114.698299 53.348022 163.601078l-35.120892 103.585193 107.585297-34.231639C427.118286 745.788627 478.243687 761.199619 533.666974 761.199619L533.666974 761.199619zM533.666974 146.806577c45.345768 0 88.691995 8.890484 130.035612 26.673499 41.34464 17.783015 76.983325 41.640376 106.918102 71.575152s53.792137 65.573461 71.575152 106.918102 26.673499 84.690868 26.673499 130.036635c0 45.346791-8.890484 88.690972-26.673499 130.036635s-41.640376 76.984349-71.575152 106.918102c-29.934776 29.934776-65.573461 53.79316-106.918102 71.575152-41.345664 17.783015-84.690868 26.674523-130.035612 26.674523-57.795311 0-111.883183-13.930267-162.268734-41.789779l-185.384198 59.572794 60.461023-180.050726c-32.009018-52.755528-48.013527-110.401436-48.013527-172.937724 0-45.345768 8.891508-88.690972 26.674523-130.036635 17.781992-41.34464 41.641399-76.983325 71.576175-106.918102 29.933753-29.934776 65.573461-53.792137 106.918102-71.575152C444.976002 155.697061 488.320183 146.806577 533.666974 146.806577z' p-id='5328' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}

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

.footer_bottom{color: #969696; font-size: 15px; margin-top: 0.6rem; padding: 0.12rem 0 0.6rem; border-top: 1px solid rgba(255,255,255,0.1);}
.footer_bottom .footer_bmain{ width: 100%; display: inline-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:#969696 !important; margin: 0 0.06rem;}
.footer_bottom .link{ display: inline-block;  margin: 0 0 0 0.06rem;}
.footer_bottom .cop{ display: inline-block;}
.footer_bottom .cop a{margin: 0 0.05rem;}
.footer_bottom .cop span img{ margin: 0 0.06rem;}
.footer_bottom .ipv6{ float: right; margin-left: 2px; margin-right: 3px;display: inline-flex; align-items: center; flex-wrap: wrap;}
.footer_bottom .ipv6 img{ margin:0 0.06rem; vertical-align: middle;}
*:focus {outline: none;}

.write_success{padding: 10px 0;margin: 0;display: flex;display: -webkit-flex;align-items:center;font-size: 15px;}
.write_success i{font-size:12px;margin-right:10px;color: #fff;width: 22px;height: 22px;border-radius: 50%;text-align: center;background:#109507 ;line-height: 22px;}
.write_success p{width: calc(100% - 34px);text-align: left;color: #ffffff;}
.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: #ffffff;}
.validation-advice,.error_hint{color: #fff!important;font-size: 15px;margin: 6px 0;}

@media screen and (max-width:1200px) {
.footer_bottom{ font-size: 14px;}
.footer_bottom .footer_bmain{ text-align: left; justify-content: flex-start;}
#footer .r_wrap{ width: 80%;}
}
@media screen and (max-width:992px) {
.footer_ctitle{ margin-top: 0.3rem;}
.footer_center{ padding-top: 0;}
.footer_bottom{ display: block;}
#footer .footer_email{ width: 100%; padding: 0;}
#footer .footer_about .footer_logo img{ width: 1.6rem;}
#footer .footer_email{margin-top: 0.05rem;}
#footer{ font-size: 14px; padding-top: 0.3rem;}
#footer .title_h4{ display: none;}
.footer_bottom{ font-size: 14px; padding-top: 0.1rem; margin-top: 0.1rem; margin-bottom: 0; border-bottom: none;}
.footer_bottom .left{ width: 100%; margin-bottom: 0.1rem;}
.footer_bottom .right{ text-align: left;}
.footer_bottom .ipv6{float: none; margin-left: 0; text-align: left;}
.footer_bottom .cop{margin-bottom:0;}
#footer .footer_con ul{ margin-bottom: 0;}
#footer .footer_logo{ margin-top: 0;}
#footer .footer_con{ width: 50%; padding-right: 0;}
#footer .footer_ab{ width: 50%; border-left: none;}
}
@media screen and (max-width:768px) {
#footer .footer_logo{ display: inline-block; width: 2rem; margin-bottom: 0.15rem; margin-top: 0;}
#footer .footer_con .p{ display: none;}
#footer .footer_sns{margin-left: 0;}
#footer{  padding-top: 0.2rem;}
.footer_bottom .footer_bmain{ text-align: left; align-items: flex-start; flex-direction: column; justify-content: flex-start; padding: 0.12rem 0 0.2rem;}
#footer .footer_center{ flex-direction: column;}
#footer .footer_ab{ width: 100%; border: none; padding: 0.1rem 0;}
#footer .r_wrap{ width: 90%;}
#footer .footer_con{ width: 100%; padding: 0;}
#footer .footer_con ul li{ padding: 0;}
}

/*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:#eedafc ;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: #eedafc ;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 0 0 5px; background: #eedafc; color:#fff;font-size:13px;text-transform:capitalize;transition: all .5s ease; display: block;}
#whatsapp_tab #floatShow2 svg{ width: 30px; height:30px; fill:#0c1735;}

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

#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: #b3b2d3;}
#whatsapp_tab #floatHide2:after{border-radius:5px;color:#999;font-family: "FontAwesome";font-size:20px; content: "\f00d";color: #0c1735; 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: #b3b2d3; text-transform: capitalize; display: flex; fill:#fff; padding:10px 20px;align-items: center; }
#onlineService2 .title svg{width: 0.4rem; height: 0.4rem;flex-shrink: 0; margin-right: 0.1rem;}
#onlineService2 .title .h4{ color: #0c1735; font-size: 0.2rem;  text-transform: uppercase; font-family: 'GildaDisplay';}
#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:#0c1735; margin-right:10px;}
#onlineService2 .li a:hover{ background-color: #ddd;}

#whatsapp .inquiry{ padding: 0.2rem; background: #fff; font-size: 13px;}
#whatsapp .inquiry .p{ font-size: 14px; color: #777; line-height: 20px; margin-bottom: 0.1rem;}

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



/*fixed-contact*/
.fixed-contact {
z-index:999999;
position:fixed;
right:0;
top:40%;
width:50px;
margin-top:-90px;
overflow:hidden;
opacity:0;
filter:alpha(opacity=0);
transition:all .4s;
transform: translateX(95px);
-webkit-transform: translateX(95px);
-moz-transform: translateX(95px);

}
.fixed-contact.show{  transform:none; opacity:0;filter:alpha(opacity=100); }
.fixed-contact.active {width:260px;}
.fixed-contact .item-list{ border-radius: 5px 0 0 5px; overflow: hidden;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;background:#b6b0d3; background-size: cover; border-bottom: 1px solid rgba(255,255,255,0.15);}
.fixed-contact.active li a {opacity: 1;}
.fixed-contact li.online_code{ border:none;}
.fixed-contact li a {position:relative;z-index:1000;display:block;}
.fixed-contact li .icon{ width: 26px; height: 26px; fill:#222e51; margin: 12px;}

.fixed-contact.active li:last-child:after {display:none;}
.fixed-contact li:hover i,.fixed-contact li:hover a{ color: #0c1735;}
.fixed-contact .online_p i {
background-position: 0 -262px;
border-top-left-radius:30px;
-moz-border-top-left-radius:30px;
-webkit-border-top-left-radius:30px;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
}


.fixed-contact li a,.fixed-contact li .code_a{
position:absolute;
top:0;
right:-135px;
display:block;
width:210px;
line-height:110%;
padding:18px 0 0 50px;
color:#0c1735;
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;}
.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;}
.footer_bottom{margin-bottom:50px; text-align: left; padding-bottom: 0;}
}

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

.n_title img{ float: left; margin-right: 10px;}
.mbx_section{ text-align: left;font-size: 0.15rem;  padding: 0.2rem 0; position: relative; z-index: 333; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.mbx_section .mbx{ float: right; line-height: 0.32rem;}
.mbx_section.mbx_section2 .mbx{ float: inherit;}
.mbx_section span{ margin-right: 0.04rem; color: #b3b2d3;}
.mbx_section i{ color: #fff; margin: 0px 0.1rem;}
.mbx_section a,.mbx_section h2,.mbx_section a,.mbx_section p{ font-size: 15px; color: #fff; font-weight: normal;display: inline-block; font-style: normal;}

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

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

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

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

.mes_section{position: relative; padding: 0.5rem 0; }
.mes_section:after{background: #f5f5f1; position: absolute; left: 0; top: 0; width: 100%; height: 70%; content: ''; z-index: -1;}
.mes_section .i_title{ margin-bottom: 0rem;}
/* .mes_section .i_title .title_txt{ padding-bottom: 0;} */
.mes_section .i_title .title_txt em{ color: #0c1735;}
.mes_section .inquiry .p{ color: #666;}
.mes_section .mess_main{margin: 0 auto 0; padding:0.5rem 0; background: #fff;box-shadow: 0 14px 25px rgb(0 0 0 / 10%); padding: 0.5rem;}
.mes_section .mess_main .map{ line-height: 0; margin-top: 0.5rem;}
.mes_section .mess_main .i_title{ margin-bottom: 0px;}
.mes_section .mess_main .i_title .title_txt{ font-size: 0.34rem; line-height: 0.4rem; padding-bottom:14px; background: none;}
.mes_section .mess_main .i_title .title_txt:after{ display: none;}
.mes_section .mess_main .left{ background: #fff;padding-right: 0.3rem;}
.mes_section .mess_main .right{ padding-left: 0.3rem;  border-left: 2px dotted #eee;}
.mes_section .mess_main .right .get_pp{font-size:20px;  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: #0c1735;}
.mes_section .mes_right .mes_con ul{margin-top: 10px;}
.mes_section .mes_right .mes_con a,.mes_section .mes_right .mes_con .p{ text-transform: none; display: block; line-height: 26px !important;}
.mes_section .mes_right .mes_con ul{margin-top: 20px;}
.mes_section .mes_right .mes_con ul li a{line-height: 36px;}
.mes_section .mes_right .mes_con ul li{display: flex;align-items: flex-start; margin-bottom: 30px;}
.mes_section .ms_btn{ width: auto;}
.con_other{ display: inline-block; text-align: left; padding-bottom: 0.6rem;}

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

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

}

@media only screen and (max-width:992px) {
.mes_section .mes_left{width: 100%;  padding: 20px 0;}
.mes_section .mes_left .i_title:after{display: none;}
.mes_section .mes_right{display: none;}
.mes_section .mes_left .i_title .title_txt{ font-size: 0.3rem;}
.mes_section{margin-top: 0.15rem;}
.mes_section:before{ display: none;}
.mes_section .mess_main .right{ border-left: none;} 
.mes_section .mess_main{ padding: 0.2rem;}
.mes_section .mess_main .map{ margin-top: 0.4rem;}
}

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

.n_honor ul li{ list-style: none; float: left; width: 16.66%; padding: 0px 0.2rem; text-align: center; margin-bottom: 0.4rem;}
.n_honor ul li .li{ position: relative; text-align: center;/*  background: #f7f7f7; border: 1px solid #f7f7f7;  */padding: 5px;}
.n_honor ul li:nth-child(6n+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: 0 0.1rem 0 0.1rem; 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; border-radius: 0.1rem; overflow: hidden;}
.n_honor ul li p{ margin-top: 10px; color: #fff;}

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

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

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

.section_title{ font-size:0.26rem; color: #333; text-transform:capitalize; margin-bottom: 20px; line-height: 30px; padding-bottom: 10px; border-bottom: 2px dotted #eee; position: relative; }
.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{opacity: 0;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{  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{ 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>h2>a,
ul.mtree>li:hover>div>.li_h2>a{ color:#0c1735;}
ul.mtree>li.mtree-open{color:#0c1735;padding-bottom:0;}
ul.mtree>li.mtree-open>div>h2,
ul.mtree>li.mtree-open>div>.li_h2{ background: #0c1735;}
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>h2>a,
ul.mtree>li.mtree-node:hover>div>.li_h2>a{color:#0c1735;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:#0c1735 ;}
ul.mtree .mtree-level-1 li.mtree-open:hover>b:before,ul.mtree .mtree-level-1 li.mtree-closed:hover>b:before{ color:#0c1735  !important;}
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:#f1f1f1;}
ul.mtree ul li{list-style:none; position:relative; border-bottom: 1px solid rgba(255,255,255,0.5);}
ul.mtree ul li:last-child{ border-bottom: none;}
ul.mtree ul li a{display:block;color:#666;}
/* ul.mtree>li>ul>li>a{ font-size:0.15rem !important;} */
ul.mtree>li>ul>li>a:before{content:"";}
ul.mtree ul li:hover a{color:#0c1735 ;}
ul.mtree li ul li.mtree-open a{color:#0c1735 ;text-decoration:none;}
ul.mtree .mtree-level-2 li.mtree-open a{color:#0c1735 ;}
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:#0c1735 ;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:#0c1735;}		

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: #0c1735;color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: #0c1735;color: #FFF;}
ul.mtree.jet a { padding: 5px 0px 5px 1em;}
ul.mtree.jet li li > a { padding-left: 2em;}
ul.mtree.jet li li li > a {padding-left: 3em;}
ul.mtree.jet li li li li > a {padding-left: 4em;}
ul.mtree.jet li li li li li > a {padding-left: 5em;}
ul.mtree a:hover{text-decoration:none;}
ul.mtree>li.mtree-node ul i{margin-right:4px;  color:#999;}
.mtree-skin-selector{ display:none !important}

ul.mtree>li.mtree-open i img,ul.mtree>li:hover i img {filter: brightness(1);filter: none;opacity: 1;}
ul.mtree>li.mtree-open i,ul.mtree>li:hover i { border-right: 1px solid rgba(255,255,255,0.5);}
/*ul.mtree>li.active>a{color:#303030; padding-left:20px;}
ul.mtree>li.active>a:before{ content:"\f178";font-family:FontAwesome; margin-right:0px; position:absolute; left:0px; top:0; padding:8px 0; opacity:1;}
*/

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

.nav_h4{ border-radius: 3px; 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: 'GildaDisplay'; background:#0c1735;}
.nav_h4 span{display: inline-block;}
.nav_h4::after{ content:none;}
.nav_h4:before{ content:"\f03a"; color:#fff; float:right; font:normal normal normal 14px/1 FontAwesome; margin-right:0.06rem; line-height:0.32rem;}
@media only screen and (max-width:992px) {
.nav_h4,.left_h4{ position:relative;color:#fff; background:#0c1735 ; padding:0px 0.1rem; font-size:0.24rem; height: 0.5rem; line-height: 0.56rem;}
.nav_h4:before{ content:none;}
.nav_h4:after ,.left_h4:after{ line-height: 0.5rem;  display: block;  content: "\f107";  font-family: "FontAwesome";  position: absolute;  right:0.15rem;  cursor:pointer; font-size:0.2rem; top:0px;  color:#fff;}
}
@media only screen and (max-width:991px) {
.nav_h4{ margin-bottom: 0;}
}
.toggle_content{width: 100%;}

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

.hot_left ul{border-bottom:none; margin-top: 0.1rem; }
.hot_left ul li{ list-style:none;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position: relative;}
.hot_left ul li .li{ border-radius: 5px; position: relative; z-index: 999; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; background: #fff; padding: 0.15rem; margin-bottom: 0.08rem;/*  box-shadow: 0 0 30px rgba(0,0,0,0.06); */}
.hot_left ul li .img{  line-height: 0; border-radius: 5px; float:left; width:30%;display:inline-block; margin-right:0.15rem; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;overflow:hidden; position:relative; flex-shrink: 0;}
.hot_left ul li .h4 a{  color:#444; overflow:hidden; line-height:0.2rem;  max-height:0.4rem; display:block;  margin-bottom: 0.05rem; margin-top: 0.1rem;}
.hot_left ul li .more{ font-size: 15px; text-transform: capitalize; color: #0c1735; display: block; margin-top: 0.1rem; }
.hot_left ul li .more i{ margin-left: 0.04rem;}
.hot_left ul li:hover .more{ color: #0c1735 ;-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: 2px; 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 .icon{width: 36px;height:36px;margin:0;display: inline-flex;justify-content: center;align-items: center;border-radius:50%;position:relative;z-index: 3;}
.left-adv .icon i{width:36px;height:36px;background:url(../images/icon.png) no-repeat;background-position: -423px 0px;display: inline-block;}
.left-adv .main .title{ font-family: "GildaDisplay"; font-size:0.26rem;line-height:0.3rem;color:#fff;text-transform: capitalize;margin-top:10px;margin-bottom:10px;display:block;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 10px 0;  }
.left-adv .main .title:hover{text-decoration:none;}
.left-adv .main .text{color:#fff;line-height:24px; margin-bottom: 20px;}
.left-adv .main:after{background-position:-331px -103px; vertical-align: middle;margin-top: -1px;content:'';display: inline-block;margin-left: 10px;opacity: 1;position: relative;right: auto;top: auto;}
.left-adv .main:hover:after{animation:none;}
.left-adv .main:before{position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 90%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 60%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;border-radius:5px;border: none;}

/* .left-adv .my_more1{ color: #fff; background: #0c1735;}
.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.8rem;}
.page_num a{ border-radius: 2px; padding:0px 10px; text-align: center; margin-left:5px; color:#fff; display: inline-block;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s;	-o-transition: 0.2s; text-transform: uppercase;line-height: 40px; height: 40px; float: left; min-width: 40px;/*  background: #f5f5f1; */}
.page_num a i{ line-height:40px;}
.page_num a:hover{ color: #b3b2d3;-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:#fff; margin-top:6px; text-transform: capitalize; float: right;}
.total span{ color:#b3b2d3; margin: 0px 6px;}
.page_num>span{ border-radius: 2px; display: inline-block;float: left; padding:0px 10px;line-height:34px; background:#b3b2d3; transition: 0.6s all; color:#0c1735 !important; line-height: 40px; height: 40px;  color:#fff; margin-left:5px;  min-width: 40px; text-align: center;}
@media only screen and (max-width:992px) {
	.total{width: 100%; text-align: left;}
	.total{font-size: 12px; margin-top: 10px;}
	.page_num{ margin-top: 0.4rem;}
	.page_num a,.page_num>span{margin: 4px;}
	.page_num a{min-width:inherit;}
}
@media only screen and (max-width:520px) {
.page_num{ margin-top: 0.2rem;}
}
@media only screen and (max-width:400px) {
.page_num a{min-width:inherit; padding: 0px 6px;}
}

/*page-turning*/
.page_detail ul{ padding: 0;}
.navigation{width:100%;list-style:none; margin-top:0.36rem; }
.navigation li{width:calc(100% - 0px);float:left;text-align:left;margin-bottom:0.1rem;/*  padding: 0.1rem; background: #b3b2d3; border: 1px solid #b3b2d3; */ 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: #0c1735; 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:"\f106"; color: #fff;background: #0c1735;}
.navigation li.next_post a:before{left:0;content:"\f107";color: #fff;}
.navigation li a:hover:before{color: #fff;background: #0c1735; border-radius: 50%; filter:FlipH;}


.navigation li a .meta_nav{display:inline-block;text-transform:uppercase;color:#fff;margin-bottom:0;line-height:20px;transition:all .5s;  font-size: 0.16rem;}
.navigation li a:hover .meta_nav{color:#b3b2d3;}
.navigation li a .post_title{line-height:20px;max-height:40px;margin:0;transition:all .5s;color:rgba(255, 255, 255, 0.7); overflow:hidden;}
.navigation li a:hover .post_title{color:#fff;}

@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:0.15rem; text-transform:uppercase; color:#0c1735; margin-right:0.06rem;}
.page_detail .tags_ul span{ color: #b3b2d3;}
.tags_ul h2{ display: inline-block;}
.tags_ul a{ display:inline-block; padding:0px 0.16rem;/*  background:#b3b2d3; */ margin: 2px 0; color:#fff; text-transform: capitalize;line-height: 0.3rem; border:none; font-size: 0.14rem; border-radius: 30px;}
.tags_ul i{ margin-right:0.3rem; color: #ccc;transition: 0.6s all;}
.tags_ul a:hover{ background: #0c1735 ; color: #fff; box-shadow: 10px 4px 20px rgba(153, 153, 153, 0.15);}

.tags_ul>span>i{ margin-right: 0.08rem; color: #b6b0d3;}

@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: 'GildaDisplay'; padding: 0.1rem 0.15rem; background: #f5f5f6; margin-left: -0.15rem; margin-right: -0.15rem; position:inherit; text-transform:capitalize; position: relative; border-radius: 5px; overflow: hidden;}

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

.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:#0c1735 ; color:#fff;}
.hot_tags .toggle_content{ margin:0px -0.04rem; margin-top:0.15rem; }

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

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

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

/*products*/
.cbp-vm-switcher {width:100%; }
.cbp-vm-view-grid .tags_ul{ display:none;}
/* .cbp-vm-view-grid ul li .my_more1{ margin-top: 0.1rem; font-size: 14px; position: relative; z-index: 555;} */
.cbp-vm-view-grid ul li .my_more1{ width:100%; position: relative; z-index: 55; bottom: 1px; border: none; background: unset; color: #fff; text-decoration: underline; margin-top: 0.1rem; height: 42px; padding-left: 0; padding-right: 0;}
.cbp-vm-view-grid ul li .my_more1:after{ display: none;}
.cbp-vm-view-grid ul li:hover .my_more1{ color: #fff; bottom:0; width:calc(100% - 0.2rem); background:#0c1735; 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; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.cbp-vm-options p{display:inline-block; float:left;vertical-align:middle; color:#0c1735; 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 #0c1735 ; background: #0c1735;}
.cbp-vm-options a:hover svg, .cbp-vm-options a.cbp-vm-selected svg{ color: #fff;}

/* General list */
.cbp-vm-switcher ul {list-style: none;padding: 0;}
.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { content: " "; display: table; }
.cbp-vm-switcher ul:after { clear: both; }

.cbp-vm-switcher ul li {display: block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.cbp-vm-image {display: block;margin: 0 auto;position:relative;}
.cbp-vm-image img {width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%;}
.cbp-vm-switcher ul li .cbp-vm-details{color:#999;overflow:hidden;height:0.4rem;line-height:0.2rem; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; font-size: 0.16rem;}

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


/* Common icon styles */
.products ul li .li .a{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 555;}
.cbp-vm-icon:before {font-family: 'fontawesome';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.cbp-vm-view-grid ul li {width: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: #f9f9f7; border: 1px solid #E9E9E9; margin-bottom: 0.15rem; border-radius:5px;}
.cbp-vm-view-list li:hover{ border: 1px solid #0c1735;}
.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; display: block; overflow: hidden;}
.cbp-vm-view-list ul li .th2 a{max-height:0.6rem;  line-height:0.3rem; color: #333; font-size: 0.18rem; display:block; overflow: hidden;}
.cbp-vm-view-list ul li .th2 a:hover{ color: #0c1735;}
.cbp-vm-view-list ul li .cbp-vm-details { white-space: normal;max-height:0.44rem; line-height:0.22rem; 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:#0c1735; }
.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;}
.cbp-vm-view-grid ul li .li:hover{ z-index: 999;}
.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;  text-transform: capitalize; height:0.48rem; overflow:hidden;display:block; text-align:center; color: #fff; z-index: 999; position: relative;   }
.cbp-vm-view-grid ul li .li{text-align:center; position:relative; }
.cbp-vm-view-grid ul li .li .cbp-vm-image{ overflow:hidden; margin-bottom:0.1rem;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position: relative;z-index: 66; border-radius:5px; position: relative;}
.cbp-vm-view-grid ul .li{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.cbp-vm-view-grid ul li .li .text{ padding: 0.1rem 0; }

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


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

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

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

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

.news_left:hover .post-image-mask span,
.news_left:hover .post-image-mask span{
	transition-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
.news ul{ margin: 0 -0.15rem; overflow: hidden;}
.news ul li{float: left; list-style: none; margin-bottom: 0.3rem;}
.news ul li:nth-child(4n+1){ clear: both;}
.news  ul{ margin-top: -0.3rem; overflow: hidden;}
.news  ul li{ list-style:none; margin-top:0.3rem; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; }
.news  ul li:hover{ transform:translate3d(0,-8px,0);-webkit-transform:translate3d(0,-8px,0);}
.news  ul li .li{position: relative; transition: 0.5s all; overflow: hidden;}
.news  ul li .img{width:100%; position: relative; border-radius:0.2rem; background: #000; display:block; position:relative;transition: 0.5s all; overflow:hidden;}
.news  ul li .img img{ width: 100%; opacity: 0.8;}
.news  ul li:hover .img img{transform: scale(1.1); opacity: 0.7;}
.news .li .day { position: absolute; left: 0.2rem; top: 0.2rem; color: #fff; display: inline-flex; align-items: center; padding: 0.05rem 0.1rem; border: 1px solid #fff; background: rgba(255, 255, 255, 0.2); border-radius: 0.3rem; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.news .li .day i{margin-right: 0.1rem; color: #fff;}

.news .li .text{ position: absolute; left: 0.2rem; bottom: 0.2rem; width: calc(100% - 0.4rem); padding: 0.15rem; background: rgba(255, 255, 255, 0.15); display: flex; align-items: center; justify-content: space-between; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 0.1rem; overflow: hidden;}
.news .li .h4{ display:block; line-height:0.3rem; font-size: 0.2rem; color:#fff;}
.news .li .h4:hover{ color: #fff;}
.news .li .more{ margin-left: 0.3rem; flex-shrink: 0; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #ddd8f7; background-image: url("data:image/svg+xml,%3Csvg t='1755789072377' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='63442' width='40' height='40'%3E%3Cpath d='M288 288a32 32 0 0 1 32-32h416a32 32 0 0 1 32 32v416a32 32 0 1 1-64 0V365.248L323.872 745.376a32 32 0 0 1-45.248-45.248L658.752 320H320a32 32 0 0 1-32-32z' fill='%230c1735' p-id='63443'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.24rem; background-position: center center; background-repeat: no-repeat;}

@media screen and (max-width: 992px) {
.news ul li{ width: 33.33%;}
.news ul li:nth-child(3n+1){ clear: both;}
.news ul li:nth-child(4n+1){ clear: none;}
}
@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: 600px) {
.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{ color: #fff;} 
.page h1,.page .ft26{ color: #fff; font-weight: normal; font-size: 0.3rem; font-family: 'GildaDisplay';}
.blog-info{ border-bottom: 1px dashed rgba(255, 255, 255, 0.5); padding: 0.1rem 0; margin-bottom: 0.4rem; color: #b3b2d3;}
.blog-info i{ margin-right: 0.06rem; color: #b3b2d3;}

.page .news_dimg img,.page .blog_dimg img{ border-radius: 0.2rem;}

/* .about.page p img{ border-radius: 0.2rem;} */

/*sitemap*/
.sitemap{width:100%;}
.stp-listA>li{text-transform:capitalize;list-style:none;margin-bottom: 0.15rem; overflow: hidden;}
.stp-top{width:100%;}
.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: #fff; }
.stp-top .page_info_title:hover{text-decoration:none;color:#b3b2d3;}
.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; background: #b3b2d3; /* border:1px solid #eee; */border-top:none;padding:0.3rem 0.2rem;list-style:none;margin-top:-1px; 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:#0c1735;}
.stp-listB>li>a i{padding-right:0.05rem;}
.stp-listB>li:hover>a{color:#0c1735 ;}
.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:#0c1735 ;text-decoration:none;}
.stp-pro .stp-listB>li .title:hover:after{color:#0c1735 ;}
.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:#0c1735 ;}


@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: #0c1735;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 #0c1735 ; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: #0c1735;}
.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: #0c1735;width: 30px;height: 30px;text-align: center;}
.zoomImg{transition: 0.3s all;}
/*pro_detail*/

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

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

/*pro_detail*/
.pro_page{ position: relative; z-index: 555;  padding: 0.5rem 0; background: linear-gradient(#fff , #f5f5f1);}
.pro_page .pro_main{display: flex;padding: 0.3rem; background: #fff;}
.pro_page .prom_img{ width:40%; position: relative;}
.pro_page .main_text{ width:60%;  padding-left: 0.3rem;}

#content{ position: relative;top: -0.6rem;}
.pro_page .main_text .main_info_details{ display: flex; align-items: center; white-space: nowrap; padding-bottom: 0.15rem;}
.pro_page .main_text .main_info_details .main_category { display: flex; align-items: center; margin-right: 0.2rem; color: #0c1735;  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{ }
.pro_page .main_text .main_info_details .main_sku .text{ }

.pro_main_title{ font-size:0.24rem; display:block;text-transform:capitalize; color:#303030; line-height:0.36rem; margin-bottom: 0.2rem;  overflow:hidden;}
.pro_main_text{line-height:0.26rem; padding-bottom:0.2rem;}
.pro_table ul{padding-left: 0; border-left: 1px solid #f5f5f1; border-top: 1px solid #f5f5f1;max-width: 960px;}
.pro_table ul li{ color:#666;list-style:none; float: left; width:100%; border-right: 1px solid #f5f5f1; border-bottom: 1px solid #f5f5f1;}
.pro_table ul li p{display:inline-block;margin-right:0.1rem;vertical-align:middle;margin-bottom:0;color:#303030; font-size:15px; min-width: 1.2rem; padding: 0.1rem;border-right: 1px solid #f5f5f1; min-width: 25%;}
.pro_table ul li:nth-child(2n+1){ background: #f5f5f1;}
.main-more{ text-align:left !important; margin-top:0.2rem;}
.pro_more{ display: flex;}
.pro_more a{background: #303030; text-transform: capitalize;line-height:0.5rem; padding: 0 0.15rem; display: inline-block; font-size: 0.14rem; color: #fff; margin-right: 0.1rem; position: relative;}
.pro_more a:before {position: absolute;content: '';opacity: 0;top: 0;left: 0;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 30%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;}
@keyframes move{
0%{left:0;opacity:0}5%{opacity:.0}
48%{opacity:.2}80%{opacity:.0}
100%{left:82%}}
.pro_more a:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.pro_more div{display: inline-block;}
.pro_more .main-more a{ background: #0c1735; text-transform: capitalize;font-size: 16px; border-radius:5px;}
.pro_more .main-more:last-child a{ background: #0c1735;}
.pro_more .m_more a{ background: #0c1735;}
.pro_more a i{margin-right: 6px;}
.pro_more .select a{color: #333; background: #eeeff0; border-radius: 30px; transition: all 0.8s;}

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

.pro_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; }
.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 #0c1735;}
.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; }
.products_main .nav-tabs li.active a{ background: #0c1735; color: #fff; position: relative;  border-radius: 5px 5px 0 0;}


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

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

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

/*inquiry*/
.pro_inq{ position: relative; background:#fff; border-top: 4px solid #0c1735; 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.28rem; text-transform: uppercase; line-height: 0.3rem; border-top-left-radius:10px; border-top-right-radius: 10px; /*  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; position: relative; z-index: 6; overflow: hidden;}
.rel_section .button_outside{  margin: 0.3rem -0.15rem 0.5rem;}
.rel_section .swiper-slide{ opacity: 0.1;transition: 0.5s all;}
.rel_section .swiper-slide.swiper-slide-visible{ opacity: 1;}
.rel_section .swiper-slide{width: 16.6%; padding: 0 0.1rem;}
.rel_section .li{ padding: 0.16rem; text-align: center; transition: 0.5s all;}
.rel_section .img{ line-height: 0; position: relative; display: block; overflow: hidden;}
.rel_section .li:hover{box-shadow:9px 10px 16px 0px rgba(0,0,0,0.25)}
.rel_section .li .h4{ color: #fff; display: block; line-height: 0.28rem; margin: 0.2rem 0 0.1rem; font-size: 0.22rem;  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: #0c1735;  line-height: 0.26rem; margin-top: 0.1rem; margin-bottom: 0.05rem;}
.rel_section .li p{ color: #fff; line-height: 22px; max-height:44px; font-size:14px; overflow: hidden;}
.rel_section .li:hover .img img{transform: scale(1.05);}
.rel_section .li:hover .img:before{content:"Read more"; position:absolute; top:calc(50% - 24px); left:50%; margin:0; padding:0 0.2rem; height:48px; display:inline-flex; justify-content:center; align-items:center; font-size:14px; line-height:20px; border-radius:30px; text-transform:uppercase; min-width:180px; background-color:#b3b2d3; color:#0c1735; transform:translateX(-50%); z-index: 55;}
.rel_section .swiper-button-prev,.rel_section .swiper-button-next{ display: none;}

.rel_section .i_title .title_txt{ font-size: 0.42rem; line-height: 0.5rem;}

@media only screen and (max-width: 992px) {
.rel_section .button_outside{  margin-bottom:0;}
.rel_section .swiper-slide{width: 20%;}
}
@media only screen and (max-width: 768px) {
.rel_section{ padding: 0.4rem 0.1rem;}
.rel_section .button_outside{ margin-bottom: 0.2rem;}
.rel_section .swiper-slide{ width:25%;}
.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;}
.rel_section .i_title .title_txt{ font-size: 0.36rem; line-height: 0.44rem;}
}
@media only screen and (max-width: 560px) {
.rel_section{ padding: 0.3rem 0;}
.rel_section .button_outside{ margin-bottom: 0;}
.rel_section .swiper-slide{ width: 33.33%;}
}
@media only screen and (max-width: 500px) {
.rel_section .i_title .title_txt{ font-size: 0.28rem; line-height: 0.36rem;}
}

@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{ margin: -0.3rem -0.15rem 0; overflow: hidden;}
.blog_list li{position:relative; list-style:none; float: left; width: 25%; padding: 0 0.15rem; margin-top: 0.3rem; transition: all 0.5s ease-out;}
.blog_list li:nth-child(4n+1){ clear: both;}
.blog_list li .li{ position: relative; transition: all 0.5s ease-out; overflow: hidden;}
.blog_list li .img{ position: relative; border-radius: 0.2rem; overflow: hidden;}
.blog_list li .image{ width: 100%; display: block; border-radius: 0.2rem; background: #000; overflow: hidden;}
.blog_list li .image img{ width: 100%;}
.blog_list li:hover .image img{ opacity: 0.7; -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 .image:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.3; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); overflow: hidden;}
.blog_list li .img .news_day{ position: absolute; left: 0.2rem; top: 0.2rem; padding: 0.05rem 0.1rem; line-height: 24px; color: #0c1735; background: #fff; border-radius: 0.3rem; font-size: 14px;}
.blog_list li .news_day i{color: #0c1735; margin-right: 0.04rem;}

.blog_list li .info{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0.2rem; display: flex; align-items: center; justify-content: space-between; overflow: hidden;}
.blog_list li .title{ display:block; line-height:0.3rem; font-size: 0.2rem; color:#fff;}
.blog_list li .title:hover{ color: #fff;}
.blog_list li .more{ margin-left: 0.3rem; flex-shrink: 0; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #ddd8f7; background-image: url("data:image/svg+xml,%3Csvg t='1755789072377' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='63442' width='40' height='40'%3E%3Cpath d='M288 288a32 32 0 0 1 32-32h416a32 32 0 0 1 32 32v416a32 32 0 1 1-64 0V365.248L323.872 745.376a32 32 0 0 1-45.248-45.248L658.752 320H320a32 32 0 0 1-32-32z' fill='%230c1735' p-id='63443'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.24rem; background-position: center center; background-repeat: no-repeat;}

.blog_list li .wrap{ display: none;}

.blog_list li .blog_tag{ margin-top:0.15rem; margin-bottom: 0.15rem;}
.blog_list li .tags_ul span{ color: #fff;}
.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: 992px) {
.blog_list li{ width: 33.33%;}
.blog_list li:nth-child(3n+1){ clear: both;}
.blog_list li:nth-child(4n+1){ clear: none;}
.blog_list li .more{ margin-left: 0.2rem;}
}
@media only screen and (max-width: 768px) {
.blog_list li{ width: 50%;}
.blog_list li:nth-child(2n+1){ clear: both;}
.blog_list li:nth-child(3n+1){ clear: none;}
.blog_list li .li{padding-bottom:0.2rem;}
.blog_list li .image{float: inherit; width: 100%; margin: 0;}
}
@media only screen and (max-width: 640px) {
.blog_list li{ width: 100%;}
}

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

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

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


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

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

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

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

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

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

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

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

.page-nav { position: relative; background-color: #f5f5f5; z-index: 9999999;}
.page-nav.fixed {
position: fixed;
z-index: 100;
top:0.86rem;
right: 0;
left: 0;
max-width:100%; margin:0 auto;
box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
z-index: 9999998;
}
.pnav-item {position: relative}
.pnav-item:first-of-type::before {display: none;}
 
.pnav-link { display: block; position: relative; color: #333;}
.pnav-link:hover {color: #0c1735;}
.page-nav .current a{ color:#0c1735;}
.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:#0c1735;}
.page-nav .list li.current  .wrap p,.page-nav .list li:hover .wrap p{ color: #fff}
.page-nav .list li.current  .wrap .icon,.page-nav .list li:hover .wrap .icon{ background: none;}

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

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

/*video_l*/
.video_l{list-style:none; margin: 0.6rem -0.2rem;}
.video_l li{margin-bottom: 0.4rem; padding: 0 0.2rem;}
.video_l li:nth-child(4n+1){ clear: both;}
.video_l li .column{transition:all .5s;}
.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;filter: alpha(opacity=0);transition:all .5s;}
.video_l li:hover .ovrly{opacity: 0.1;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:#0c1735;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: #0c1735;}
.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: #b3b2d3; float:left;  color: #0c1735; padding: 0 0.1rem; border-radius: 30px;}
.video_l li .info i{ float: right;  line-height: 0.32rem; color: #fff; font-style: normal;}
.video_l li .title a{display:block;font-size:0.2rem; line-height:0.28rem; color: #fff; margin: 0.2rem 0 0.15rem; overflow:hidden;}
.video_l li p{ line-height: 22px; height:44px; font-size: 14px; color: #fff; 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{ transition:all .5s;overflow: hidden;}
.project_list li .image{line-height: 0; display:block; position:relative; border-radius: 0.1rem; overflow:hidden;}
.project_list li .image:before{background-color:#b3b2d3; bottom:0;content:'';height: 10px;position: absolute;left:0;transform:scaleY(0);transform-origin:right bottom;transition:transform .7s;width: 100%;z-index: 2; border-radius: 0 0 0.1rem 0.1rem;}
.project_list li:hover .image: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 .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:#0c1735;}
.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{ padding:0.3rem 0.2rem 0.2rem; text-align: center;position: relative;}
.project_list li .title{ color:#fff; font-size:0.22rem; line-height:0.28rem; display:block; transition:all .5s; margin-top:0; margin-bottom: 0.1rem; overflow:hidden;}
.project_list li .text{ color:#fff; 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 #0c1735;
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: #0c1735;  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: #0c1735;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: #0c1735;}
.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: #0c1735;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:#0c1735;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:#0c1735;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, #0c1735, #31c2f7);margin-right: 8px;vertical-align: middle;}
.page_more i:before{content:'';transition:all .5s;display: inline-block;background: url(../images/arrow-right.svg) no-repeat;width: 18px;height: 14px;}
.page_more:hover i:before{animation: scroll_right_anim 1.5s infinite;}
.page_more:hover:before{width: 42px;}

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

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

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

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

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

.pro_mainnav{ background: #222; width: 100%; z-index: 9999999;}
.pro_mainnav ul li{ list-style: none;}
.pro_mainnav .main{ display: flex;justify-content: space-between; height: 50px;align-items: center;}
.pro_mainnav .title{ font-size: 0.2rem; color: #fff; text-transform: uppercase; }
.pro_mainnav .li a{ text-transform: uppercase; line-height: 50px;color: #fff; padding: 0 0.2rem; display: inline-block; }
.pro_mainnav .li a:hover{ background: rgba(255,255,255,0.15);}
.pro_mainnav .li .con_btn{ line-height: 50px; background: #0c1735; 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:uppercase;background:#f5f5f1; border-radius:5px; padding: 0.15rem 0.3rem; 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: #0c1735; 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: #0c1735;}
.page_nav li:nth-child(2n+2) a:hover, .page_nav li:nth-child(2n+2).active a{ background: #0c1735;}
.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: #0c1735;}

.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;  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:#0c1735;}

.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 .down_name{ float:left;}
.down_l .down_name a{ color:#fff; font-size:15px; }
.down_l .down_name a:hover{ color:#b3b2d3;}
.down_l .down_name i{ font-size:0.22rem;box-shadow:0px 0px 15px rgba(0,0,0,0.1); background: #b3b2d3; color:#0c1735; margin-right:0.2rem; width:0.46rem; height:0.46rem; text-align:center; line-height:0.46rem; border-radius:50%; transition: all 0.5s ease-out;}
.down_l .down_name i:hover{ background:#eedafc;}
.down_l .more i{ margin-left:6px;}
.down_l .more{ float:right; background:#0c1735; 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:#0c1735; color:#fff;}
.down_l li{ list-style:none; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:0.15rem 0; margin-bottom:0.2rem;}
.down_l .down_d { float: right;/*  background: #b3b2d3;  */color: #fff; border: 1px solid #fff; padding: 0.04rem 0.15rem; margin-top: 0.06rem; font-size: 15px; border-radius:30px; text-transform: uppercase;  transition: all 0.5s ease-out;}
.down_l .down_d:hover{ border-color: #b3b2d3; background: #b3b2d3; color: #0c1735;}

/*faq_item*/
.faq_item .panel{ position: relative; margin-bottom: 0.2rem;}
.faq_item .panel-title a{ padding: 0 0.25rem; display: flex; font-size: 0.2rem;color: #fff; position: relative; min-height: 0.63rem;align-items: center;}
.faq_item .panel-title a:after,
.faq_item .panel-title a.collapsed:after{content: "";font-family: fontawesome; width: 0.25rem; height: 0.25rem; border-radius:5px;text-align: center; position: absolute; top: 0.19rem; right: 0.18rem; transition: all 0.3s ease 0s; background-image: url("data:image/svg+xml,%3Csvg t='1753669902587' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='22647' width='30' height='30'%3E%3Cpath d='M896 592H128a80 80 0 0 1 0-160h768a80 80 0 0 1 0 160z' p-id='22648' fill='%230c1735'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.18rem auto; background-position: right center; background-repeat: no-repeat;}
.faq_item .panel-title a.collapsed:after{content: ""; background-image: url("data:image/svg+xml,%3Csvg t='1753669818909' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='21570' width='30' height='30'%3E%3Cpath d='M426.666667 426.666667H85.546667A85.418667 85.418667 0 0 0 0 512c0 47.445333 38.314667 85.333333 85.546667 85.333333H426.666667v341.12c0 47.274667 38.186667 85.546667 85.333333 85.546667 47.445333 0 85.333333-38.314667 85.333333-85.546667V597.333333h341.12A85.418667 85.418667 0 0 0 1024 512c0-47.445333-38.314667-85.333333-85.546667-85.333333H597.333333V85.546667A85.418667 85.418667 0 0 0 512 0c-47.445333 0-85.333333 38.314667-85.333333 85.546667V426.666667z' fill='%23ffffff' p-id='21571'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.15rem auto;}
.faq_item .panel-body{padding:0.16rem 0.25rem 0.32rem; font-size: 15px; color: #444; 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: #b3b2d3; 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 rgba(255,255,255,0.3);}
.faq_item .active .panel-title a{ color: #0c1735;}

.nytext_com{ margin-bottom: 0.5rem;}
.nytext_h4{ position: relative; margin-bottom: 0.2rem; font-size: 0.42rem; line-height: 0.5rem; color: #fff; text-transform: uppercase; font-family: 'GildaDisplay'; overflow: hidden;}
.nytext_com .p{ color: #fff; line-height: 24px;}

@media only screen and (max-width:992px) { 
.nytext_com{ margin-bottom: 0.3rem;}
}
@media only screen and (max-width:768px) { 
.nytext_h4{ font-size: 0.32rem; line-height: 0.4rem;}
}
@media only screen and (max-width:400px) { 
.nytext_h4{ font-size: 0.28rem; line-height: 0.36rem;}
}

/*products*/
.cbp_section{ margin-top: -0.2rem; overflow: hidden;}
.cbp_section ul{ margin:0 -0.3rem; padding-bottom: 0.2rem; overflow: hidden;}
.cbp_section ul li{ list-style: none; float: left; width: 20%; padding: 0 0.3rem; margin-top: 0.6rem; transition: all 0.5s ease-out;}
.cbp_section ul li:nth-child(5n+1){ clear: both;}
.cbp_section .li{ text-align: center;}
.cbp_section .img{ line-height: 0; position: relative; display: block; overflow: hidden;}
.cbp_section .li:hover{box-shadow:9px 10px 16px 0px rgba(0,0,0,0.25)}
.cbp_section .li .h4{ color: #fff; display: block; line-height: 0.28rem; margin: 0.2rem 0 0.1rem; font-size: 0.22rem;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.cbp_section .li .more{ text-decoration: underline; text-transform: uppercase; display: inline-block; color: #0c1735;  line-height: 0.26rem; margin-top: 0.1rem; margin-bottom: 0.05rem;}
.cbp_section .li p{ color: #fff; line-height: 22px; max-height:44px; font-size:14px; overflow: hidden;}
.cbp_section .li:hover .img img{transform: scale(1.05);}
.cbp_section .li:hover .img:before{content:"Read more"; position:absolute; top:calc(50% - 0.24rem); left:50%; margin:0; padding:0 0.2rem; height:0.48rem; display:inline-flex; justify-content:center; align-items:center; font-size:14px; line-height:20px; border-radius:30px; text-transform:uppercase; min-width:1.8rem; background-color:#b3b2d3; color:#0c1735; transform:translateX(-50%); z-index: 55;}

@media only screen and (max-width:992px) { 
.cbp_section ul li{ width: 25%;}
.cbp_section ul li:nth-child(4n+1){ clear: both;}
.cbp_section ul li:nth-child(5n+1){ clear: none;}
.cbp_section .li .h4{ font-size: 16px; line-height: 24px;}
.cbp_section .li:hover .img:before{ padding: 0 0.1rem;}
}
@media only screen and (max-width:768px) { 
.cbp_section ul{ margin: 0 -0.2rem;}
.cbp_section ul li{ width: 33.33%; padding: 0 0.2rem; margin-top: 0.4rem;}
.cbp_section ul li:nth-child(3n+1){ clear: both;}
.cbp_section ul li:nth-child(4n+1){ clear: none;}
}
@media only screen and (max-width:520px) { 
.cbp_section ul{ margin: 0 -0.1rem;}
.cbp_section ul li{ width: 50%; padding: 0 0.1rem; margin-top: 0.2rem;}
.cbp_section ul li:nth-child(2n+1){ clear: both;}
.cbp_section ul li:nth-child(3n+1){ clear: none;}
}

/*products_main*/
.npro_section{ display: flex; justify-content: space-between;}
.npro_section .n_wrap{ width: 70%; padding-right: 0.8rem;}
.npro_section .n_wrap .tagline{ color: #fff; font-size: 0.24rem; line-height: 0.3rem; margin-bottom: 0.5rem; overflow: hidden;}
.npro_section .n_wrap .p{ margin-bottom: 0.4rem; color: #fff; font-size: 14px; line-height: 20px; overflow: hidden;}
.npro_section .n_wrap .adv_ul{ margin-bottom: 0.6rem;}
.npro_section .n_wrap .adv_ul ul{ display: flex; flex-wrap: wrap; margin: 0 -0.15rem; margin-top: -0.3rem;}
.npro_section .n_wrap .adv_ul ul li{ list-style: none; width: 50%; padding: 0 0.15rem; margin-top: 0.3rem;}
.npro_section .n_wrap .adv_ul ul li .li{ display: flex;}
.npro_section .n_wrap .adv_ul ul li .icon{ flex-shrink: 0; margin-right: 0.1rem;}
.npro_section .n_wrap .adv_ul ul li .icon img{ max-width: 0.4rem;}
.npro_section .n_wrap .adv_ul ul li .info{ color: #fff; padding: 0 0.1rem;}
.npro_section .n_wrap .adv_ul ul li .info .info_label{ font-size: 0.2rem; line-height: 0.28rem; margin-bottom: 0.05rem; overflow: hidden;}
.npro_section .n_wrap .adv_ul ul li .info .info_value{ font-size: 14px; line-height: 20px;}
.npro_section .n_wrap .tags_ul{ margin-top: 0.4rem; margin-bottom: 0;}
.npro_section .n_wrap .tags_ul span{ color: #b3b2d3;}
.npro_section .n_img{ /* width: 21%; */ flex-shrink: 0;}
.npro_section .n_img .img{ position: relative; display: block;}
.npro_section .n_img .img img{ width: 100%;}
.npro_section .n_img .img:hover img{transform: scale(1.05);}

@media only screen and (max-width:992px) {
.npro_section{ display: block;}
.npro_section .n_wrap{ width: 100%; padding-right: 0; margin-bottom: 0.3rem;}
.npro_section .n_img{ width: 100%;}	
.npro_section .n_wrap .p{ margin-bottom: 0.3rem;}
}
@media only screen and (max-width:768px) {
.npro_section .n_wrap .adv_ul ul{ display: block;}
.npro_section .n_wrap .tags_ul{ margin-top: 0.3rem;}
}

/*distr_section*/
.distr_section{ display: flex;}
.distr_section .d_text{ width: 30%; padding-top: 10%; padding-right: 0.6rem;}
.distr_section .d_map{ width: 70%; flex-shrink: 0;}

@media only screen and (max-width:992px) {
.distr_section{ display: block;}
.distr_section .d_text{ width: 100%; margin-bottom: 0.3rem; padding: 0;}
.distr_section .d_map{ width: 100%;}
}

/*vertify_section*/
.vertify_section .nytext_h4{ display: flex; align-items: center; justify-content: center;}
.vertify_section .nytext_h4:before{ flex-shrink: 0; content: ''; width: 0.64rem; height: 0.44rem; background-image: url("data:image/svg+xml,%3Csvg t='1756177169911' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3629' width='50' height='50'%3E%3Cpath d='M407.81824 4.79232c-75.264 1.35168-130.2528 24.45312-163.6352 68.4032C204.61568 125.27616 197.4272 203.9808 222.43328 307.77344c-9.17504 11.264-16.13824 28.3648-13.4144 51.13856 5.4272 45.056 22.9376 63.5904 37.70368 70.94272 7.04512 35.4304 26.54208 75.18208 45.38368 93.96224v9.58464c0.16384 20.7872 0.08192 38.76864-1.90464 62.01344-12.55424 28.75392-54.1696 45.62944-102.27712 64.55296C108.032 691.4048 8.704 730.2144 1.26976 854.28224L0 876.032h555.45856c38.912 84.29568 124.33408 143.17568 223.08864 143.17568C913.89952 1019.20768 1024 909.1072 1024 773.75488c0-135.35232-110.10048-245.4528-245.4528-245.4528a245.00224 245.00224 0 0 0-202.62912 106.74176c-14.62272-7.43424-26.5216-15.50336-35.16416-24.92416a50.4832 50.4832 0 0 1-9.58464-14.70464c-1.98656-23.2448-1.4336-41.30816-1.26976-62.01344v-9.58464c18.28864-18.69824 37.15072-58.55232 44.09344-93.96224 14.78656-7.43424 32.29696-25.88672 37.72416-70.94272 2.72384-22.30272-3.82976-39.23968-12.77952-50.50368 11.89888-40.50944 36.18816-145.32608-5.75488-212.84864-17.59232-28.2624-44.19584-46.08-79.2576-53.0432C494.592 18.1248 457.50272 4.77184 407.81824 4.77184z m370.72896 564.4288c112.82432 0 204.53376 91.70944 204.53376 204.53376 0 112.8448-91.70944 204.53376-204.53376 204.53376s-204.55424-91.70944-204.55424-204.53376 91.72992-204.55424 204.55424-204.55424z m99.08224 114.40128l-12.8 15.9744-99.06176 126.5664-76.06272-67.74784-15.33952-13.43488-26.84928 30.67904 15.33952 13.43488 92.03712 81.8176 15.9744 14.70464 13.43488-17.26464 112.49664-143.1552 12.77952-15.9744-31.9488-25.6z m-335.58528 25.6c-1.35168 4.83328-2.80576 9.70752-3.82976 14.66368 1.024-5.0176 2.47808-9.8304 3.82976-14.68416z m-7.68 41.51296z' p-id='3630' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.44rem; background-position: left center; background-repeat: no-repeat;}
.vertify_section .main .p{ color: #fff; line-height: 24px; overflow: hidden;}
.vertify_section .b_search{ margin: 0.4rem auto 0.28rem; max-width: 8rem; position: relative; display: flex; background:#b3b2d3; border: none; border-radius: 30px; overflow: hidden;}
.vertify_section .form-control{ width: 100%; padding-left:0.18rem; height:0.6rem; color:#0c1735; line-height:100%; background: none; border:none; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.vertify_section .form-control:focus{color:#0c1735;}
.vertify_section .search_btn{ flex-shrink: 0; display: flex; align-items: center; position: relative; background:none; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; color: #fff; border-radius:0; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg t='1756175667567' class='icon' viewBox='0 0 1821 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='104603' width='50' height='50'%3E%3Cpath d='M703.610667 657.412c-8.192 0-15.838667-3.276-21.844-9.281333-62.26-62.261333-87.926667-150.734667-68.812-237.026667 3.822667-16.926667 20.749333-27.301333 37.136-23.478667 16.932 3.822667 27.306667 20.202667 23.484 37.134667-14.745333 64.989333 4.917333 132.161333 51.88 179.130667 12.016 12.016 12.016 32.224 0 44.24-6.005333 6.005333-13.650667 9.281333-21.844 9.281333z m0 0' p-id='104604' fill='%230c1735'%3E%3C/path%3E%3Cpath d='M855.438667 171.901333c79.188 0 153.464 30.582667 209.166666 86.833334 55.708 55.708 86.833333 129.978667 86.833334 209.172 0 79.186667-30.584 153.462667-86.833334 209.166666-55.702667 55.708-129.978667 86.833333-209.166666 86.833334-79.192 0-153.462667-30.584-209.172-86.833334-115.233333-115.234667-115.233333-303.104 0-418.338666 56.250667-56.250667 130.526667-86.833333 209.172-86.833334m0-62.261333c-91.750667 0-183.505333 34.953333-253.405334 104.86-139.813333 139.806667-139.813333 366.453333 0 506.265333C671.933333 790.666667 763.689333 825.62 855.438667 825.62S1038.938667 790.666667 1108.845333 720.765333c139.806667-139.812 139.806667-366.458667 0-506.812-69.906667-69.36-161.656-104.313333-253.406666-104.313333z m0 0' p-id='104605' fill='%230c1735'%3E%3C/path%3E%3Cpath d='M1291.798667 915.734667c-8.193333 0-15.838667-3.276-21.844-9.286667L1081.537333 718.578667c-12.016-12.016-12.016-32.22 0-44.234667 12.010667-12.016 32.218667-12.016 44.234667 0L1313.641333 862.213333c12.016 12.016 12.016 32.218667 0 44.234667-6.004 6.010667-14.197333 9.286667-21.842666 9.286667z m0 0' p-id='104606' fill='%230c1735'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.5rem auto; background-repeat: no-repeat; background-position: center center;}
.vertify_section .search_btn input{ cursor: pointer; background: none; color: #fff; text-transform: capitalize;}
.vertify_section .wxts p{ font-size: 14px; line-height: 24px; color: #fff; opacity: 0.7;}
.vertify_section .write_success{ max-width: 8rem; margin: 0 auto;}

@media only screen and (max-width:480px) {
.vertify_section .nytext_h4{ font-size: 0.26rem;}
.vertify_section .nytext_h4:before{ width: 0.54rem;}
.vertify_section .b_search{ margin-top: 0.3rem;}
}
@media only screen and (max-width:400px) {
.vertify_section .nytext_h4{ font-size: 0.2rem;}
.vertify_section .nytext_h4:before{ width: 0.42rem; height: 0.36rem; background-size: 0.36rem auto;}
}

/*contact_info*/
.contact_info{ padding: 0.8rem 0;}
.contact_info .inquiry{ width: 70%; margin: 0 auto;}
.contact_info .inquiry ul li{ padding: 0 0.15rem;}
.contact_info .inquiry ul li input,
.contact_info .inquiry ul li textarea{ padding-left: 0; padding-right: 35px; color: #fff; text-transform: uppercase; border: none; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); background: none; border-radius: inherit;}
.contact_info .inquiry ul li input:focus,.contact_info .inquiry ul li textarea:focus{color:#fff;}
.contact_info .inquiry ul li input:-ms-input-placeholder{color:#fff;}/* Internet Explorer 10+ */ 
.contact_info .inquiry ul li input::-webkit-input-placeholder{color:#fff;}/* WebKit browsers */
.contact_info .inquiry ul li input::-moz-placeholder{color:#fff;}/* Mozilla Firefox 4 to 18 */ 
.contact_info .inquiry ul li input:-moz-placeholder{color:#fff;}/* Mozilla Firefox 19+ */ 
.contact_info .inquiry ul li textarea:-ms-input-placeholder{color:#fff;}/* Internet Explorer 10+ */ 
.contact_info .inquiry ul li textarea::-webkit-input-placeholder{color:#fff;}/* WebKit browsers */
.contact_info .inquiry ul li textarea::-moz-placeholder{color:#fff;}/* Mozilla Firefox 4 to 18 */ 
.contact_info .inquiry ul li textarea:-moz-placeholder{color:#fff;}/* Mozilla Firefox 19+ */ 
.contact_info .inquiry ul li span:before{ right: 0.15rem;}
.contact_info .inquiry select{ padding-left: 0; font-style: italic; color: #fff; background: none; border: none; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.contact_info .inquiry select option{ color: #666; font-size: 14px; font-style: normal;}
.contact_info .inquiry ul li .form_select:after { content: "\f107"; font-family: 'FontAwesome'; position: absolute; right: 20px; line-height: 16px; font-size: 20px; color: #fff; top: 18px; z-index: -1;}
.contact_info .inquiry span.form_select:before{ display: none;}
.contact_info .check_txt{ padding: 0 0.15rem; display: inline-flex;}
.contact_info .check_txt input { border: 1px solid #fff; width:18px; height: 18px; line-height: 18px; background-color:transparent; color:#808080; margin: 0; box-shadow: 0 2px 4px 0px rgba(0,0,0,0.05) inset;}
.contact_info .check_txt label{ display: block; padding-left: 0.1rem; font-size:14px; color:#fff; line-height: 20px; overflow: hidden;}
/* .contact_info .check_txt input[type="checkbox"]{ display: none;}
.contact_info .check_txt input[type="checkbox"]+.label_txt { position: relative; padding-left: 26px; color: #fff; display: inline-block; font-size:14px; line-height:20px;}
.contact_info .check_txt input[type="checkbox"]+.label_txt:before {content: ""; position: absolute; top: 0px; left: 0px; width: 18px; height: 18px; border: 1px solid #fff; background-color: transparent; vertical-align: top; margin-right: 0.1rem; border-radius: 0; outline: none; display: inline-block;}
 */
.contact_info .inquiry .ms_btn{ margin: 0.3rem auto; padding: 0 0.8rem; line-height: 0.48rem; border-radius: 30px; border: 1px solid #fff; background: none;}

@media only screen and (max-width:992px) {
.contact_info{ padding: 0.6rem 0 0.3rem;}
.contact_info .inquiry{ width: 80%;}
.contact_info .inquiry .ms_btn{ margin-bottom: 0;}
}
@media only screen and (max-width:768px) {
.contact_info{ padding: 0.3rem 0 0;}
.contact_info .inquiry{ width: 92%;}
}

/*solut_section*/
.solut_section .case_main{ width: 100%; padding-top: 0.4rem; padding-bottom: 1rem;}
.solut_section .case_nav{ position: relative; margin: 0 -0.1rem;}
.solut_section .case_nav .swiper{ overflow: visible;}
.solut_section .case_nav #pro_img_thumbs2 .swiper-slide{transition: 0.5s all; cursor: pointer; width:16.6%; padding:0 0.1rem; position: relative;}
.solut_section .case_nav .li{ position: relative; line-height: 0; border-radius: 0.2rem; transition: transform 1s cubic-bezier(.38,0,0,1), box-shadow .5s cubic-bezier(.38,0,0,1), opacity .8s cubic-bezier(.38,0,0,1); overflow: hidden;}
.solut_section .case_nav #pro_img_thumbs2 .swiper-slide:hover .li,
.solut_section .case_nav #pro_img_thumbs2 .swiper-slide-thumb-active .li{ transform:translateY(-10%);}
/* .solut_section .case_nav #pro_img_thumbs2 .swiper-slide-thumb-active .li:before { content: ''; width: 100%; height: 100%; background: rgba(12, 23, 53, 0.4); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;} */
.solut_section .case_nav .li .icon{ display:inline-block; overflow: hidden;}
.solut_section .case_nav .li .icon img{ object-fit: cover; width: 100%; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; overflow: hidden;}
.solut_section .case_nav #pro_img_thumbs2 .swiper-slide-thumb-active .li .icon img{ transform: scale(1.3);}
/* .solut_section .case_nav #pro_img_thumbs2 .swiper-slide:hover .li .icon img{ -moz-transform: scale(1.3) rotate(-15deg); -webkit-transform: scale(1.3) rotate(-15deg); -o-transform: scale(1.3) rotate(-15deg); -ms-transform: scale(1.3) rotate(-15deg); transform: scale(1.3) rotate(-15deg); } */
.solut_section .case_nav .li .p_tit { position: absolute; bottom: 0; left: 0; right: 0; font-size: 0.18rem; text-align: center; background: rgba(0, 0, 0, 0.2); padding: 0.2rem 0.1rem; line-height: 1.3em; color: #fff; display: flex; align-items: center; justify-content: center;}
.solut_section .case_nav .li .p_tit span{ z-index: 2; color: #fff;}
.solut_section .swiper-button-prev, .solut_section .swiper-button-next{ float: inherit; position: absolute;}
.solut_section .swiper-button-prev{ left: 0;}
.solut_section .swiper-button-next{ right: 0;}
.solut_section  #pro_img_gallery2{ overflow: hidden;}
.solut_section  #pro_img_gallery2 .swiper-wrapper{position: relative;}
.solut_section  #pro_img_gallery2 .swiper-slide{color: #fff; padding-top: 1rem; transition: 0.5s all;}
.solut_section  #pro_img_gallery2 .swiper-slide-active{ opacity: 1}
.solut_section .swiper-slide-active{ display: block; position: relative; z-index: 333;}

.solut_section  #pro_img_gallery2 .box_inner{ position: relative;}
.solut_section  #pro_img_gallery2 .case_warp{ margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
.solut_section  #pro_img_gallery2 .warp_l{ width: 44%; z-index: 1; padding-right: 0.8rem;}
.solut_section  #pro_img_gallery2 .warp_l .title{ margin-top: 0.5rem; margin-bottom: 0.15rem; font-size: 0.4rem; line-height: 0.48rem; text-transform: uppercase; font-family: 'GildaDisplay';}
.solut_section  #pro_img_gallery2 .warp_l .title span{ display: block;}
.solut_section  #pro_img_gallery2 .warp_l p{ line-height: 24px; color: #fff; margin-bottom: 0.24rem; overflow: hidden;}

.solut_section  #pro_img_gallery2 .warp_r{ width: 56%; display: flex;}
.solut_section  #pro_img_gallery2 .case_img{ width: 50%; margin: 0.5rem 0 1rem 0; position: relative; margin-right: -0.28rem; z-index: 222; overflow: hidden;}
.solut_section  #pro_img_gallery2 .case_img img{ margin: 0 auto;}
.solut_section  #pro_img_gallery2 .warp_r .benefits{ width: 53%; padding: 0.5rem 0.2rem 1rem 0.5rem; position: relative; z-index: 220; background: #c8cae6; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.6rem), 50% 100%, 0 calc(100% - .6rem)); border-radius: 0.12rem 0.12rem 0 0;}
.solut_section  #pro_img_gallery2 .warp_r .benefits .list_h4,
.solut_section  #pro_img_gallery2 .warp_r .benefits .r_text{ display: flex; font-size: 18px; line-height: 0.28rem; color: #2e355b; margin-bottom: 0.1rem; overflow: hidden;}

.solut_section  #pro_img_gallery2 .warp_r .benefits ul{ padding-left: 0.34rem; margin: 0 0 0.1rem 0.17rem; display: inline-block;}
.solut_section  #pro_img_gallery2 .warp_r .benefits ul li{ line-height: 22px; margin-bottom: 0.1rem; color: #2e355b;}
.solut_section  #pro_img_gallery2 .warp_r .benefits ul li:last-child{ margin: 0;}
/* .solut_section  #pro_img_gallery2 .warp_r .list_com .list_h4{ font-size: 0.18rem; line-height: 0.32rem; margin-bottom: 0.1rem; color: #2e355b; font-family: 'poppins_M';} */
.solut_section  #pro_img_gallery2 .warp_r .list_com .list_ul{ padding-left: 0.3rem;}
.solut_section  #pro_img_gallery2 .warp_r .list_com .list{ line-height: 22px; color: #2e355b; margin-bottom: 0.1rem;}
.solut_section  #pro_img_gallery2 .warp_r .list_com .list:last-child{ margin: 0;}

.solut_section  #pro_img_gallery2 .warp_r .fit_info{ margin-top: 0.4rem;}

.solut_section  #pro_img_gallery2 .warp_r .benefits .r_text:before,
.solut_section  #pro_img_gallery2 .warp_r .benefits .list_h4:before{ margin-right: 0.08rem; content: ''; width: 0.28rem; height: 0.28rem; background-size: 0.28rem auto; background-position: left center; background-repeat: no-repeat;}
.solut_section  #pro_img_gallery2 .warp_r .benefits .effi_com .r_text:before{ background-image: url(../images/sol_ico1.png);}
.solut_section  #pro_img_gallery2 .warp_r .benefits .treat_com .r_text:before{ background-image: url(../images/sol_ico2.png);}
.solut_section  #pro_img_gallery2 .warp_r .benefits .list_com .list_h4:before,
.solut_section  #pro_img_gallery2 .warp_r .benefits .list_com .r_text:before{ background-image: url(../images/sol_ico3.png);}


@media only screen and (max-width:1023px) {
.solut_section .case_nav #pro_img_thumbs2 .swiper-slide{ width:20%;}
}
@media only screen and (max-width:992px) {
.solut_section .case_nav #pro_img_thumbs2 .swiper-slide{ width:25%;}
.solut_section #pro_img_gallery2 .swiper-slide{ padding-top: 0.4rem;}
}
@media only screen and (max-width:768px) {
.solut_section .case_nav #pro_img_thumbs2 .swiper-slide{ width:33.33%;}
.solut_section .case_main{ padding-top: 0;}
.solut_section #pro_img_gallery2 .swiper-slide{ padding-top: 0.3rem;}
.solut_section #pro_img_gallery2 .case_warp{ flex-direction: column;}
.solut_section  #pro_img_gallery2 .warp_l{ width: 100%; padding: 0; margin-bottom: 0.3rem;}
.solut_section #pro_img_gallery2 .warp_l .title{ margin-top: 0.2rem;}
.solut_section  #pro_img_gallery2 .warp_r{ width:100%;}
}
@media only screen and (max-width:520px) {
.solut_section .case_nav #pro_img_thumbs2 .swiper-slide{ width:50%;}
}

/*techn_section*/
.techn_section .banner{ margin-bottom: 1rem;}

/*ptec_nav*/
.techn_section .ptec_nav{ width: 100%; margin:0 auto 0.5rem; overflow: hidden;}
.techn_section .ptselect_list{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 auto; text-align: center;}
.techn_section .ptselect_list li{ list-style: none; padding: 0 0.2rem; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.techn_section .ptselect_list li span{ display: block; position: relative; font-size: 0.18rem; line-height: 24px; color:#fff; padding: 0.1rem 0;}
.techn_section .ptselect_list li span:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height:1px; background-color: #e8cefa; transform: scaleX(0); transition: transform .5s ease-in-out;}
.techn_section .ptselect_list li:hover span:after,.techn_section .ptselect_list li.current span:after { transform: scaleX(1);}
.techn_section .ptselect_list li:hover span,.techn_section .ptselect_list li.current span{ color: #e8cefa;}
.techn_section .item{ display:none;}

/*thfl_section*/
.techn_section .ptselect_con{/*  width: 88%; */ margin: 0 auto;}
.thfl_section { width: 100%; padding: 0.6rem 0 0;}
.thfl_section .content { width: 100%; margin: 0 auto;}
.thfl_section .content .boxlist { width: 100%; display: flex; justify-content: space-between;}
.thfl_section .content .boxlist .left { width: 400px; padding-left: 0.1rem; height: 60vh; overflow-y: auto;}
.thfl_section .content .boxlist .left::-webkit-scrollbar { display: none;}
.thfl_section .content .boxlist .left ul { width: 100%; border-left: 1px dashed #eedafc; padding-top: 0.5rem; padding-bottom: 0.5rem;}
.thfl_section .content .boxlist .left.left_ul { position: fixed; height: 60vh; top: 10vh;}
.thfl_section .content .boxlist .left.left_ul::-webkit-scrollbar { display: none;}
.thfl_section .content .boxlist .left.left_ul + .right { margin-left: 400px;}
.thfl_section .content .boxlist .left ul li { list-style: none; width: 100%; padding: 0 0 1rem 0.4rem; position: relative;}
.thfl_section .content .boxlist .left ul li:after{content: ""; position: absolute; top: 0.05rem; left: 0; width: 0.1rem; height: 0.1rem; background: #fff; border-radius: 50%; transform: translateX(-50%); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
.thfl_section .content .boxlist .left ul li.active:after { width: 0.18rem; height: 0.18rem; background: #eedafc;}
.thfl_section .content .boxlist .left ul li span { display: block; line-height: 24px; color: #fff; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
.thfl_section .content .boxlist .left ul li.active span { color: #e8cefa;}
.thfl_section .content .boxlist .left ul li:last-child{ padding-bottom: 0;}

.thfl_section .content .boxlist .right { width: calc(100% - 400px); overflow: hidden;}
.thfl_section .content .boxlist .right .swiper { width: 100%; height: 60vh;}
.thfl_section .content .boxlist .right .swiper .swiper-wrapper { width: 100%;}
.thfl_section .content .boxlist .right .swiper .swiper-wrapper .swiper-slide { padding: 0.2rem 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-start; overflow: visible;}
.thfl_section .content .boxlist .right .list { width: 100%; padding: 2% 2%; display: flex; align-items: center; justify-content: space-between; overflow: hidden;}
.thfl_section .content .boxlist .right .list .list_img { flex-shrink: 0; width: 40%; overflow: hidden;}
.thfl_section .content .boxlist .right .list .img { width: 100%; position: relative; overflow: hidden;}
.thfl_section .content .boxlist .right .list .img {position: relative;display: block;width: 100%;/* height: 100%; */-o-object-fit: cover;object-fit: cover;-webkit-transition: all 500ms ease;transition: all 500ms ease; overflow: hidden;}
.thfl_section .content .boxlist .right .swiper .swiper-wrapper .swiper-slide:first-child{ align-items: inherit;}
.thfl_section .content .boxlist .right .swiper .swiper-wrapper .swiper-slide:first-child .list{ align-items: inherit;}
@media (min-width: 768px) {
.thfl_section .content .boxlist .right .list .img img:first-child {position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 1;-webkit-transform: translateX(50%) scaleX(2);transform: translateX(50%) scaleX(2);opacity: 0;-webkit-filter: blur(10px);filter: blur(10px);}
.thfl_section .content .boxlist .right .list .img:hover img:first-child {-webkit-transform: translateX(0) scaleX(1);transform: translateX(0) scaleX(1);opacity: 1;-webkit-filter: blur(0);filter: blur(0);}
.thfl_section .content .boxlist .right .list .img:hover img:nth-child(2) {-webkit-transform: translateX(-50%) scaleX(2);transform: translateX(-50%) scaleX(2);opacity: 0;-webkit-filter: blur(10px);filter: blur(10px);}
}
.thfl_section .content .boxlist .right .list .list_txt { max-width: 60%; margin-right: 0.8rem;}
.thfl_section .content .boxlist .right .list .list_txt .info { width: 100%;}
.thfl_section .content .boxlist .right .list .list_txt .info p { line-height: 0.28rem; color: #fff; margin: 0.15rem 0; /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; text-overflow: ellipsis; */ overflow: hidden;}
.thfl_section .content .boxlist .right .list .list_txt .info p em{ font-style: normal; font-weight: 600; font-size: 0.18rem; color: #eedafc;}

.thfl_section .content .boxlist .right .list .list_ul{ display: flex; margin: 0 -0.5rem; overflow: hidden;}
.thfl_section .content .boxlist .right .list .list_ul .pi_li{ width: 50%; padding: 0 0.5rem;}
.thfl_section .content .boxlist .right .list .list_ul .info p{ line-height: 0.28rem; color: #fff; padding: 0.15rem 0;}
.thfl_section .content .boxlist .right .list .list_ul .img{ text-align: center; vertical-align:middle;}
.thfl_section .content .boxlist .right .list .list_ul ul{ display: flex; margin: 0 -0.2rem;}
.thfl_section .content .boxlist .right .list .list_ul ul li{ text-align: center; list-style: none; width: 50%; padding: 0 0.2rem;}

.thfl_section .content .boxlist .right .list.list_last{ flex-direction: column;}
.thfl_section .content .boxlist .right .list.list_last .list_txt{ max-width: 100%; padding: 0; margin-bottom: 0.2rem;}
.thfl_section .content .boxlist .right .list.list_last .list_img{ max-width: 100%; flex-shrink: inherit; width: 100%;}
.thfl_section .content .boxlist .right .list.list_last .last_lul{ width: 95%; margin: 0 auto;}
.thfl_section .content .boxlist .right .list.list_last .last_lul ul{ display: inline-flex; justify-content: center;}
.thfl_section .content .boxlist .right .list.list_last .last_lul ul li{ width: 25%; list-style: none; padding: 0 2%; color: #fff;}
.thfl_section .content .boxlist .right .list.list_last .last_lul ul li .li{ padding-left: 0.2rem;}
.thfl_section .content .boxlist .right .list.list_last .last_lul ul li:first-child .li{ padding-left: 0;}
.thfl_section .content .boxlist .right img{ border-radius: 0.2rem;}

@media (max-width: 1880px) {
.thfl_section .content .boxlist .right .list { padding: 0 1%;}
.thfl_section{ padding-top: 0.4rem;}
.techn_section .ptec_nav{ margin-bottom: 0.3rem;}
}
@media (max-width: 1400px) {
.thfl_section .content .boxlist .right .swiper { height: 50vh;}
}
@media (max-width: 1200px) {
.thfl_section .content .boxlist .left { width: 180px; height:60vh;}
.thfl_section .content .boxlist .right { width: calc(100% - 180px); height:60vh;}
.thfl_section .content .boxlist .left ul li { padding-left: 0.3rem; }
.thfl_section .content .boxlist .left ul li.active a { font-size: 0.2rem; }
.thfl_section .content .boxlist .left ul li a { font-size: 14px; line-height: 30px;}
.thfl_section .content .boxlist .right .list .list_txt .txt .info p { font-size: 14px; line-height: 24px; }
.thfl_section .content .boxlist .left.left_ul + .right { margin-left: 180px;}
.thfl_section .content .boxlist .right .list .list_ul{ margin: 0 -0.2rem;}
.thfl_section .content .boxlist .right .list .list_ul .pi_li{ padding: 0 0.2rem;}
}
@media (max-width: 768px) {
.thfl_section .content .boxlist .right .swiper{ height: auto;}
.thfl_section .content .boxlist .right .list { display: block; flex-wrap: wrap; margin-bottom: 0.2rem;}
.thfl_section .content .boxlist .right .list .list_txt{ max-width: 100%; margin-right: 0; margin-bottom: 0.2rem;}
.thfl_section .content .boxlist .right .list .list_img { max-width:inherit; flex-shrink: inherit; margin: 0 auto; text-align: center;}
.thfl_section .content .boxlist .right .list.list_last .last_lul{ width: 100%;}
.thfl_section .content .boxlist .right .list.list_last .last_lul ul{ display: block;}
.thfl_section .content .boxlist .right .list.list_last .last_lul ul li{ width: 100%; padding: 0; margin-bottom: 0.05rem;}
.thfl_section .content .boxlist .right .list.list_last .last_lul ul li .li{ padding: 0;}
.thfl_section .content .boxlist{ display: block;}
.thfl_section .content .boxlist .left{ height: auto; width: 100%; margin-bottom: 0.2rem; margin-right: 0;}
.thfl_section .content .boxlist .right{ width: 100%; height: auto;}
.thfl_section .content .boxlist .left ul{ display: flex; border: none; padding: 0;}
.thfl_section .content .boxlist .left ul li{ padding-bottom: 0;}
.thfl_section .content .boxlist .swiper-wrapper{ height: auto!important;}
.thfl_section .content .boxlist .right .list{ padding: 0;}
.techn_section .ptec_nav{ margin-bottom: 0.2rem;}
.thfl_section{ padding-top: 0.2rem;}
.thfl_section .content .boxlist .right .swiper .swiper-wrapper .swiper-slide{ padding: 0; /* height: auto !important; */}
.thfl_section .content .boxlist .right .list .img img:nth-child(2){ display: none;}
}
@media (max-width: 400px) {
.thfl_section .content .boxlist .right .swiper { height: auto;}
.thfl_section .content .boxlist .right .list .list_ul{ display: block;}
.thfl_section .content .boxlist .right .list .list_ul .pi_li{ width: 100%;}
}

/*nvideo_section*/
.nvideo_section{ padding: 0.8rem 0;}
.nvideo_section .nv_com{ width: 100%; border-radius: 0.2rem; overflow: hidden;}
.nvideo_section .nv_com a img{ width: 100%;}

@media (max-width: 992px) {
.nvideo_section{ padding: 0.5rem 0 0;}
}
@media (max-width: 768px) {
.nvideo_section{ padding: 0.3rem 0 0;}
}
/*mv_section*/
.mv_section{ padding: 0.1rem 0 0.8rem; position: relative; overflow: hidden;}
.mv_section ul li{ list-style: none; width: 100%; position: relative; transition: all 0.5s ease-out;}
.mv_section .swiper-slide{ opacity: 0;}
.mv_section .swiper-slide-visible{ opacity: 1;}
.mv_section ul li .li{ width: 100%; text-align: center; position: relative; transition: all 0.5s ease-out; overflow: hidden;}
.mv_section ul li .li .j_text{ color: #fff; font-size: 0.5rem; line-height: 0.6rem; font-family: 'GildaDisplay'; text-transform: uppercase; overflow: hidden;}
.mv_section ul li .li .s_text{ width: 78%; margin: 0.4rem auto 0; font-size: 0.2rem; line-height: 0.32rem; min-height: 1.28rem; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden;}

@media (max-width: 992px) {
.mv_section{ padding: 0 0 0.2rem;}
.mv_section ul li .li .j_text{ font-size: 0.32rem; line-height: 0.4rem;}
.mv_section ul li .li .s_text{ width: 100%; font-size: 16px; line-height: 24px; margin-top: 0.2rem;}
}
@media (max-width: 992px) {
.mv_section{ padding: 0 0 0.1rem;}
}

/* lcb_section */
.lcb_section{ padding: 0.5rem 0 1rem;}
.lcb_section .lcb_main{ width: 70%; margin: 0 auto;}
.lcb_section .title{ color: #fff; font-size: 0.4rem; line-height: 0.46rem; font-family: 'GildaDisplay'; margin-bottom: 0.3rem; overflow: hidden;}
.lcb_section .tp{ color: #fff; line-height: 0.3rem;}
.lcb_section .tp_ul ul{ padding-left: 0.2rem;}
.lcb_section .tp_ul ul li{ color: #fff; line-height: 24px; margin-bottom: 0.05rem;}

.scrolling-content--image img{ border-radius: 0.2rem;}

@media only screen and (min-width: 992px){
.lcb_section .lcb_main{ width: 90%;}
.scrolling-content--container{display:grid; row-gap: 0.5rem; position:relative;grid-template-columns:1fr 1fr;}
.scrolling-content--image{display:block;position:sticky;left:0;top:120px;}
.scrolling-content--image .img{ text-align: right; position: relative;}
.scrolling-content--image .img:after{position: absolute; left: 100%; top: 50%; margin-top: -14px; width: 0; height: 0; border-top: 14px solid transparent; border-left: 14px solid #b3b2d3; border-bottom: 14px solid transparent; content: ''; margin-right: -16px; transition: 0.6s all;}
.scrolling-content--content{display:flex;flex-direction:column;justify-content:center}
.scrolling-content--section{max-height:calc(100svh - 60px, 0px)}
}
.scrolling-content--content-text{ padding:0 0.8rem;}

@media only screen and (max-width: 992px){
.lcb_section{ padding: 0.4rem 0 0;}
.lcb_section .lcb_main{ width: 100%;}
.lcb_section .p{ font-size: 16px; line-height: 30px;}
.scrolling-content--content-text{ padding: 0 0.2rem; margin-bottom: 0.3rem;}
.scrolling-content--image{margin-bottom: 0.3rem;}
.lcb_section .title{ font-size: 0.3rem; line-height: 0.36rem; margin-bottom: 0.15rem;}
}

/*phmx_section*/
.phmx_section{ padding: 0.8rem 0; position: relative; overflow: hidden;}
.phmx_section .ph_top{ padding-top: 0.4rem; padding-bottom: 1rem; overflow: hidden;}
.phmx_section .ph_top .pht_info{ padding: 0 1.1rem; width: 60%; text-align: left; overflow: hidden;}
.phmx_section .ph_top .phb_info{ float: right; padding: 0 1.1rem; width: 68%; text-align: right; overflow: hidden;}
.phmx_section .ph_top .pht_info .p1,
.phmx_section .ph_top .phb_info .p1{ color: #fff; font-size: 0.32rem; line-height: 0.4rem; margin-bottom: 0.4rem; overflow: hidden;}
.phmx_section .ph_top .pht_info .p2,
.phmx_section .ph_top .phb_info .p2{ color: #fff; line-height: 24px; overflow: hidden;}
.phmx_section .ph_top .phc_img{ margin: 0.4rem auto 0.4rem; overflow: hidden;}

.phmx_section .ph_bot{ padding-top: 0.8rem; overflow: hidden;}
.phmx_section .ph_bmain{ margin: 0 auto; padding: 0 0.8rem 0 1.4rem; display: flex; gap: 0.7rem; overflow: hidden;}
.phmx_section .ph_bot .left-section{ position: relative; width: 42%; padding-top: 0.68rem; overflow: hidden;}
.phmx_section .ph_bot .left-carousel{ display: flex; height: 100%; transition: transform 0.5s ease;}
.phmx_section .ph_bot .left-carousel .left-carousel-item{ min-width: 100%;}
.phmx_section .ph_bot .left-carousel .left-carousel-item img { width: 100%; height: 100%; object-fit: cover; display: block;}
.phmx_section .ph_bot .right-section { width:58%; display: flex; flex-direction: column; gap: 0.3rem; min-width: 300px;}
.phmx_section .ph_bot .text-content .rinfo{ margin-top: 0.6rem; margin-bottom: 0.3rem; color: #fff; line-height: 0.26rem; overflow: hidden;}
.phmx_section .ph_bot .right-section .right-carousel-container { width: 90%; position: relative; overflow: hidden;}
.phmx_section .ph_bot .right-section .right-carousel { display: flex; transition: transform 0.5s ease;}
.phmx_section .ph_bot .right-section .right-carousel-item { min-width: 100%; height: 100%;}
.phmx_section .ph_bot .right-section .r_tinfo{ padding: 0.44rem 0.6rem; background: #c8cae6; color: #2e355b; clip-path: polygon(0.6rem 0%, 100% 0%, 100% 100%, 0.6rem 100%, 0% 50%); overflow: hidden;}
.phmx_section .ph_bot .right-section .r_tinfo .text_h3{ font-size: 0.2rem; line-height: 0.28rem; margin-bottom: 0.05rem; font-family: 'poppins_M'; overflow: hidden;}
.phmx_section .ph_bot .right-section .r_tinfo .text_h4{ line-height: 0.28rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; text-overflow: ellipsis; overflow: hidden;}

.phmx_section .carousel-controls { position: absolute; bottom: 0.15rem; left: 0; right: 0; display: flex; justify-content: center; gap: 0.1rem;/*  display: none; */}
.phmx_section .carousel-btn { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); border: none; cursor: pointer; transition: all 0.3s;}
.phmx_section .carousel-btn.active { background: #fff; transform: scale(1.2);}
.phmx_section .carousel-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%;  display: flex; justify-content: space-between; padding: 0 0.15rem; display: none;}
.phmx_section .nav-btn { width: 40px; height: 40px; border-radius: 50%; color: #fff; font-size: 18px; background: rgba(0, 0, 0, 0.5); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
.phmx_section .nav-btn:hover { background: rgba(0, 0, 0, 0.7); transform: scale(1.1);}
.phmx_section .carousel-title { position: absolute; bottom: 0; left: 0; right: 0; font-size: 0.18rem; color: #fff; padding: 0.2rem 0.15rem 0.5rem; background: linear-gradient(transparent, rgba(0,0,0,0.7));}

@media (max-width: 1200px) {
.phmx_section .ph_top .pht_info,
.phmx_section .ph_top .phb_info{ width: 80%; padding: 0 0.8rem;}
.phmx_section .ph_bmain{ padding: 0 0.8rem;}
}
@media (max-width: 992px) {
.phmx_section{ padding: 0.6rem 0;}
.phmx_section .ph_top{ padding-bottom: 0.4rem;}
}
@media (max-width: 768px) {
.phmx_section{ padding: 0.4rem 0 0.2rem;}
.phmx_section .ph_top{ padding-top: 0;}
.phmx_section .ph_top .pht_info,
.phmx_section .ph_top .phb_info{ width: 100%; padding: 0 0.3rem;}
.phmx_section .ph_top .pht_info .p1, .phmx_section .ph_top .phb_info .p1{ font-size: 0.24rem; line-height: 0.32rem; margin-bottom: 0.2rem;}
.phmx_section .ph_bot{ padding-top: 0.4rem;}
.phmx_section .ph_bmain{ flex-direction: column; padding: 0 0.3rem; gap: 0.3rem;}        
.phmx_section .ph_bot .left-section,
.phmx_section .ph_bot .right-section{ width: 100%;}
.phmx_section .ph_bot .left-section{ padding: 0;}
.phmx_section .ph_bot .text-content .rinfo{ margin-top: 0.2rem; margin-bottom: 0.2rem;}
.phmx_section .ph_bot .right-section .right-carousel-container{ width: 100%;}
}
@media (max-width: 520px) {
.phmx_section .ph_top .pht_info,
.phmx_section .ph_top .phb_info{ width: 100%; padding: 0 0.15rem;}
.phmx_section .ph_bmain{ padding: 0 0.15rem;}   
}

/*ncplb_section*/
.ncplb_section{ width: 92%; margin: 0 auto 0.4rem; display: flex; align-items: center; justify-content: space-between;}
.ncplb_section .pro_intr{ width: 54%; padding-right: 0.8rem;}
.ncplb_section .pro_intr .pro_pt{ display: inline-flex; align-items: center;}
.ncplb_section .pro_intr .pro_pt img{ margin-right: 0.12rem; max-width: 1.8rem; overflow: hidden;}
.ncplb_section .pro_intr .pro_pt span{ color: #fff; font-size: 0.4rem; line-height: 0.48rem; overflow: hidden;}
.ncplb_section .pro_intr .pro_pp{ margin-top: 0.2rem; font-size: 0.18rem; line-height: 0.28rem; color: #fff; overflow: hidden;}
.ncplb_section .pro_main{ width: 36%; margin-right: 3%;}
.ncplb_section .pro_main .swiper-slide{ opacity: 0;}
.ncplb_section .pro_main .swiper-slide-visible{ opacity: 1;}
.ncplb_section .pro_main ul li{ list-style: none; width: 100%; position: relative; transition: all 0.5s ease-out;}
.ncplb_section .pro_main ul li .li{ width: 100%; text-align: center; position: relative; transition: all 0.5s ease-out;}
.ncplb_section .pro_main ul li .img{ position: relative; overflow: hidden;}
.ncplb_section .pro_main ul li .img a{ display: block; line-height: 0; overflow: hidden;}
.ncplb_section .pro_main ul li .img img{max-width: 60%;}
.ncplb_section .pro_main ul li:hover img{ opacity: 0.95; -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.ncplb_section .pro_main ul li .wrap{ padding: 0.3rem 0.1rem 0; overflow: hidden;}
.ncplb_section .pro_main ul li .wrap .title_h4{ display: block; color: #fff; font-size: 0.22rem; line-height: 0.3rem; overflow: hidden;}

.ncplb_section .swiper-pagination{ margin-top: 0.4rem;}

@media only screen and (max-width: 992px){
.ncplb_section{ display: block; margin: 0 auto;}
.ncplb_section .pro_intr{ width: 100%; padding: 0; margin-bottom: 0.4rem;}
.ncplb_section .pro_main{ width: 100%; margin-right: 0;}
.ncplb_section .pro_intr .pro_pp{ margin-top: 0.1rem;}
.ncplb_section .swiper-pagination{ margin-top: 0.3rem;}
}