@charset "UTF-8"; 

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



:root {
	--main-color: #fd4a1a;
	--hover-color:#404040;  
}

img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px}

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

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-skype:before {
    content: "\ec1b";
}
 
  .icon-dizhi:before {
	content: "\e868";
  }
  
  .icon-fasong:before {
  content: "\e642";
}

.icon-sousuo1:before {
  content: "\e630";
}

.icon-weixin1:before {
  content: "\e644";
}

.icon-renzheng1:before {
  content: "\e625";
}

.icon-liebiao:before {
  content: "\e688";
}

.icon-jiugongge:before {
  content: "\e61a";
}

.icon-liebiao1:before {
  content: "\e850";
}

.icon-xunpanzixun:before {
  content: "\e97c";
}

.icon-riqi:before {
  content: "\e62f";
}

.icon-lianxi1:before {
  content: "\e69d";
}

.icon-whatsapp:before {
  content: "\f263";
}

.icon-ico:before {
  content: "\e647";
}

.icon-sousuoclick:before {
  content: "\e600";
}

.icon-skype-01:before {
  content: "\ec1b";
}

.icon-shouji:before {
  content: "\e646";
}

.icon-shouye:before {
  content: "\e68a";
}

.icon-chanpin:before {
  content: "\e601";
}

.icon-youxiang:before {
	content: "\e667";
}

.icon-tengxunshipin:before {
  content: "\e636";
}

.icon-weixin:before {
  content: "\e633";
}

.icon-dianhua:before {
content: "\e711";
}

.icon-diqu--:before {
  content: "\e62c";
}

.icon-hezuohuoban:before {
  content: "\e634";
}

.icon-lianxi:before {
  content: "\e61e";
}


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


.row { margin-right: -0.15rem; margin-left: -0.15rem;}
.input-group{ display: table; position: relative;}
input, button, select, textarea {font-family: inherit; font-size: inherit;line-height: inherit; border: none;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{  display: table; content: " ";}
.clearfix:after,.container:after,.container-fluid:after,.row:after{clear: both;}
.container {max-width:14.03rem; width: 94%; margin: 0 auto;}
figure{ margin:0}

@media screen and (max-width: 992px)  {.container{width: 88%;}} 


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

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

* {outline: none !important;}
body {margin: 0;padding: 0;font-family:'CircularStd',Arial, sans-serif; color:#666; overflow-x: hidden; line-height: 1.7; font-size:16px;}
strong,b{ font-weight: bold;}
@media screen and (max-width: 1200px) {body {font-size: 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%;}
}

/*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:taFable; content:"";}
.clearfix:after{clear:both;}
.clear{ clear:both;}
.page ul{ padding-left: 16px;}
table td{padding: 5px;}
.table-responsive ul li {list-style-position: inside !important; }
.table-responsive td{ padding-left:8px}
.table-responsive {min-height: .01%; overflow-x: auto;}
.cform-item__wrap{ display:flex; align-items: center; font-size: 12px;}
.cform-item__wrap input{  width: 96px !important; padding: 0 5px  !important;}
.cform-item__wrap img{ height: auto;  display: inline-block; margin: 0 5px !important; max-width: 100px;}
#powerby,#powerby a{ display: inline-block; color: #c9c9c9; font-size: 13px}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin: 0; padding: 0; font-weight: normal;}
.tl{ text-align: left !important;}
.tc{ text-align: center !important;}
iframe,video{max-width:100%;}
.hidden{ display: none !important;}
.hidden_web{ display: none !important;}
@media screen and (max-width:992px) {
.hidden_mob{ display: none !important;}
.hidden_web{ display: block !important;}
}

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

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

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

/*inquiry*/
.inquiry .p{ margin-bottom: 20px; line-height: 24px; margin-top: 0; color: #666}
.inquiry ul{list-style:none; margin: 0px -10px;}
.inquiry ul li{padding:0 10px;margin-bottom:15px;}
.inquiry ul li span:before{content:'';position:absolute;width:40px;height:40px;right:0;top:0;display:inline-block;background-position:center center;background-repeat:no-repeat; background-position: center center;}
.inquiry ul li span:before{content:'';position:absolute;right:18px;top:0;width:28px;height:100%;display:inline-block; background-repeat: no-repeat;}
.inquiry ul li span.ms_e:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667324824' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7187' width='22' height='22'%3E%3Cpath d='M914.691674 123.697006H109.30935c-47.583643 0-86.289099 38.70648-86.2891 86.290123v603.998113c0 47.583643 38.705456 86.317752 86.2891 86.317752h805.382324c47.58262 0 86.288076-38.734109 86.288076-86.317752V209.987129c0-47.58262-38.705456-86.290123-86.288076-86.290123z m-15.169461 57.497414l-387.51505 335.861726-387.530399-335.861726h775.045449z m15.169461 661.581484H109.30935c-11.670784 0-21.62958-7.049542-26.138258-17.050293l274.221977-219.374921-35.955838-44.913843-240.893984 192.718871V219.283847l431.462893 373.892825L943.454707 219.283847v534.871871l-240.891938-192.718871-35.955838 44.913843L940.812535 825.724587c-4.491282 10.001775-14.49408 17.051317-26.120861 17.051317z' p-id='7188' fill='%23999999'%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='%23999999'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_c:before{background-image: url("data:image/svg+xml,%3Csvg t='1715236487062' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4396' width='22' height='22'%3E%3Cpath d='M956.624449 922.846357h-29.442936V592.832598c0-17.701887-8.850944-41.545246-29.984829-50.396189l-267.334627-174.851297V93.747751l-2.890104-6.141471C614.869642 57.802081 588.316811 42.809667 555.622508 48.770506L136.376786 173.586876c-23.843359 8.850944-41.545246 32.694302-41.545246 59.427765v689.831716H64.84671c-18.243782 0-29.98483 14.992415-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h891.777739c18.243782 0 29.98483-12.102311 29.98483-29.98483-0.180632-18.243782-12.282942-29.98483-29.98483-29.98483z m-89.231964-333.265126v333.265126H629.862057V435.683189l237.530428 153.898042zM153.536779 233.014641l415.994355-124.81637v814.648086H153.536779V233.014641z' p-id='4397' fill='%23cdcdcd'%3E%3C/path%3E%3Cpath d='M450.856236 325.136708H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483 0-18.424413-12.282942-29.98483-29.984829-29.98483zM450.856236 503.058741H272.753572c-18.243782 0-29.98483 12.102311-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-12.102311 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM450.856236 681.703299H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM688.747927 712.049391c0 18.243782 12.102311 29.98483 29.98483 29.98483h59.427765c18.243782 0 29.98483-11.741048 29.98483-29.98483v-0.180631-0.180632c0-18.243782-12.102311-29.98483-29.98483-29.984829h-59.427765c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263z' p-id='4398' fill='%23999999'%3E%3C/path%3E%3C/svg%3E");;}
.inquiry ul li span.ms_n:before{background-image: url("data:image/svg+xml,%3Csvg t='1715236952068' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5481' width='22' height='22'%3E%3Cpath d='M819.413333 794.026667a332.8 332.8 0 0 0-71.509333-106.026667 332.8 332.8 0 0 0-147.413333-85.888 274.56 274.56 0 0 0 106.325333-66.218667 273.706667 273.706667 0 0 0 80.682667-194.688c0-73.514667-28.586667-142.72-80.682667-194.688a273.706667 273.706667 0 0 0-194.730667-80.725333c-73.472 0-142.677333 28.586667-194.688 80.725333a273.706667 273.706667 0 0 0-80.682666 194.688c0 73.514667 28.586667 142.677333 80.682666 194.688a274.56 274.56 0 0 0 106.282667 66.218667 332.8 332.8 0 0 0-147.413333 85.888 332.8 332.8 0 0 0-97.706667 235.904 35.968 35.968 0 1 0 72.021333 0c0-69.888 27.221333-135.594667 76.629334-185.002667a259.882667 259.882667 0 0 1 185.002666-76.586666c69.888 0 135.594667 27.178667 185.002667 76.586666a259.882667 259.882667 0 0 1 76.586667 185.002667 35.968 35.968 0 1 0 71.978666 0 335.488 335.488 0 0 0-26.368-129.92zM308.608 341.162667c0-112.213333 91.306667-203.392 203.392-203.392a203.648 203.648 0 0 1 203.392 203.392A203.562667 203.562667 0 0 1 512 544.597333a203.648 203.648 0 0 1-203.392-203.392z' fill='%23999999' opacity='.65' p-id='5482'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_m:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667534152' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9305' width='24' height='24'%3E%3Cpath d='M832.161 351.79c-17.673 0-32 14.327-32 32v479.85H224.037V223.784h414.605c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32V895.64c0 17.673 14.327 32 32 32h640.124c17.673 0 32-14.327 32-32V383.79c0-17.673-14.327-32-32-32z' fill='%23999999' p-id='9306'%3E%3C/path%3E%3Cpath d='M485.612 534.222c6.249 6.248 14.438 9.372 22.627 9.372s16.379-3.124 22.627-9.372l321.407-321.406c12.496-12.497 12.496-32.758 0-45.255-12.498-12.497-32.759-12.497-45.255 0L485.612 488.967c-12.497 12.496-12.497 32.758 0 45.255zM736 627c0-17.673-14.327-32-32-32H322c-17.673 0-32 14.327-32 32s14.327 32 32 32h382c17.673 0 32-14.327 32-32zM322 725c-17.673 0-32 14.327-32 32s14.327 32 32 32h251c17.673 0 32-14.327 32-32s-14.327-32-32-32H322z' fill='%23999999' p-id='9307'%3E%3C/path%3E%3C/svg%3E"); background-position: center 10px;}
.inquiry ul li input{background:#fff;height:42px;width:100%;line-height:42px;padding-right:45px; color:#999; border: 1px solid #ddd; border-radius:0; padding-left: 10px;font-size: 14px; border-radius: 5px;}
.inquiry ul li textarea{height:1rem;background:#fff;width:100%;max-width:100%;max-height:180px;padding:8px 45px 10px 10px;color:#999;border:none;border-radius:0; line-height: 20px; font-size: 14px; border: 1px solid #eee;  border-radius: 5px;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{color:#333; border-color:#333;}
.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;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{ border: 1px solid #ddd; background-color: #fff;box-shadow: 0 0px 6px rgb(0 0 0 / 8%), 0 0px 15px rgb(0 0 0 / 15%);transition: all .2s ease-in-out;}
.inquiry select{width:100%;height:50px;border:none;border:1px solid #d7d7dc;background-color:#fff; padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none;}
.inquiry .select{margin: 0;}
.inquiry .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:0.3rem;color:#ccc;top:0.18rem;z-index:99;}
.inquiry  .subject_title{background: #f7f7f7; min-height: 0.5rem; padding:0.15rem;}
.inquiry  .subject_title a{ color:#333 ;  text-decoration: underline;}
.inquiry  .subject_title span{ font-size:0.14rem;    color:#444; margin-right:0.1rem;}


.ms_btn{display: inline-flex; height: 45px; color: #fff; position: relative;overflow: hidden; text-transform:uppercase; font-size:16px;background:var(--main-color); min-height: 45px;align-items: center;justify-content: center; padding-left: 0.35rem; padding-right: 0.35rem; border-radius: 30px;transition: 0.5s; font-family: "CircularStd Medium";}
.ms_btn input{display: block;position: absolute;left: 0;top: 0;height: 100%; width: 100%; background: none;border: none;z-index: 2;text-indent: -999px;overflow: hidden; cursor: pointer;}
/*.ms_btn:after{ content: '\f105'; position: absolute; width:10px; height: 20px; right: 0; top:50%; font: normal normal normal 16px / 1 FontAwesome; font-weight: bold; line-height: 20px; margin-top: -10px; opacity: 0;transition: 0.5s;}
.ms_btn:hover{padding-right: 0.5rem; padding-left: 0.35rem;}
.ms_btn:before { content: '\f105'; position: absolute; width:10px; height: 20px; left: 0.3rem; top:50%; font: normal normal normal 16px / 1 FontAwesome; font-weight: bold; line-height: 20px; margin-top: -10px;transition: 0.5s;}
.ms_btn:hover:before{left: 0; opacity: 0;}
.ms_btn:hover:after{ opacity: 1; right: 0.2rem;}*/
.ms_btn:hover{ background:var(--hover-color); color: #fff;}



/*nav*/
.main-menu ul li{ list-style: none; margin: 0;}
@media screen and (min-width:992px) {
	.main-menu {list-style: none;margin: 0;}
	.main-menu li {	position: relative;	list-style: none}
	.main-menu li a {display: block;-webkit-transition: all 300ms linear 0ms!important;-khtml-transition: all 300ms linear 0ms!important;
	-moz-transition: all 300ms linear 0ms!important;-ms-transition: all 300ms linear 0ms!important;-o-transition: all 300ms linear 0ms!important;transition: all 300ms linear 0ms!important;}
	.main-menu li .menu-toggle {display: none}
	.main-menu>li {	display: inline-block;vertical-align: middle; position: relative; text-align: left; margin-right: 0.56rem;} 
	.main-menu > li:nth-last-child(-n+3) {display: none;} 
	.main-menu>li>span{display: inline-block; position: relative; padding: 0 0.12rem;}
	.main-menu>li>span:after{ position: absolute; left: 0; top: 50%; width: 0; height: 0.4rem; margin-top: -0.2rem; content: ''; background: var(--main-color); border-radius: 5px;transition: 0.5s all;}
	.main-menu>li>span>a{ position: relative; z-index: 99999;}
	.main-menu>li:first-child{ padding-left: 0; margin-left: 0;} 
	.main-menu>li>a{ position: relative; background-position: right center;}
	.main-menu>li>a:before{background:var(--main-color); width:0; height:2px; content: ''; position: absolute; left:0; bottom: -5px; content: ''; transition: 0.6s all; opacity: 0;} 
	.main-menu>li.active>a, .main-menu>li:hover>a{color:var(--main-color); text-shadow: none}
	.main-menu>li.active>a:before, .main-menu>li:hover>a:before{ opacity: 0; width: 100%}
	.main-menu>li.active>a, .main-menu>li:hover>a{ opacity: 1; width:100%;}
.main-menu>li.page_item_has_children>a:after {content:"\f107";font-family: FontAwesome;margin:-1px 0 0  4px;display: inline-block;vertical-align: top;font-size: 14px;}
	.main-menu .sub-menu, .main-menu .children {position: absolute;background:#fff;padding: 0;top: 100%;left: 0;margin-top: 0;margin-bottom: 0;min-width: 240px;z-index: 99;visibility: hidden;opacity: 1;-webkit-transform: scaleY(0);-khtml-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;-o-transform-origin: 0 0 0; border-radius: 0;font-size: 14px;box-shadow: 0 0 0 1px rgb(255 255 255 / 7%), 0 10px 30px 0 rgb(17 22 38 / 10%);}
	.main-menu .sub-menu li, .main-menu .childsren li {padding: 0 8px;}
	.main-menu .sub-menu li a, .main-menu .children li a {color: #101010; font-size:14px; line-height: normal;position: relative; text-transform: capitalize;padding: 8px 6px;}
    .main-menu .sub-menu>li>a:hover, .main-menu .children>li>a:hover{color: var(--main-color); }
    .main-menu .sub-menu li>a:hover:after, .main-menu .children li a:hover:after{color: #aaa !important;}
	.main-menu .sub-menu li.menu-children>a:after, .main-menu .children li.menu-children>a:after, .main-menu .sub-menu li.page_item_has_children>a:after, .main-menu .children li.page_item_has_children>a:after {content: "\f105";font-family: "FontAwesome";position: absolute;right:6px;top: 50%;-webkit-transform: translate(0, -50%);-khtml-transform: translate(0, -50%);-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%); font-size: 14px; color: #aaa;}
	.main-menu .sub-menu .sub-menu, .main-menu .children .sub-menu, .main-menu .sub-menu .children, .main-menu .children .children {top: 0;	left: 100%;}
	.main-menu li:hover, .main-menu li.focus {overflow: visible}
	.main-menu li:hover>.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li:hover>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1);}
	.main-menu li.megamenu {position: static}
	.main-menu li.megamenu .sub-menu, .main-menu li.megamenu .children {width:100%;max-width: 100%; padding: 0;margin-left: auto;margin-right: auto;left: 0!important;right: 0!important; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.1); overflow: hidden;}
    .megamenu .sub-menu .nav_li{ padding-bottom: 0.2rem; padding-top: 0.2rem; display: flex; justify-content: center; border-top: 1px solid #eee;flex-wrap: wrap; max-width: 16rem; margin: 0 auto;}
	.megamenu .sub-menu .nav_li .img{overflow: hidden; display:block; max-width: 2.2rem; background: #e1e4e9  !important; border-radius: 5px; padding: 0;}
	.megamenu .sub-menu .nav_li .title{ display: flex; font-size: 22px; padding: 0px; color: #333;align-items: center; margin: 15px 0;   border-bottom: 1px solid #eee; padding-bottom: 5px;}
    .megamenu .sub-menu .nav_li>li{ float:left; width: 20%;  padding: 0px 15px; margin-bottom: 0.15rem; }
	.megamenu .sub-menu .nav_li>li:last-child{ border-right: none;}
    .megamenu .sub-menu .nav_li>li>ul{ top: 0;}
    .megamenu .sub-menu .nav_li>li>a{ color:#555; }
    .megamenu .sub-menu .nav_li>li>ul>li>a{color:#555; width: 100%; display: block; padding-left: 0px; padding: 0.05rem 0;}
    .megamenu .sub-menu .nav_li a:hover{ color: var(--main-color); background: none;}
    .megamenu>.sub-menu>li .img img{width: 100%;}
	.megamenu .sub-menu ul{ position: inherit; top: auto; left: auto; right: auto; bottom: auto; height: 100%; padding: 0px;}
	.megamenu .sub-menu ul li,.megamenu .sub-menu ul{opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1); padding: 0;}
	.megamenu .sub-menu ul.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1); box-shadow: none; background: none;}
	.main-menu .megamenu a:after{display: none;}
	.main-menu ul li .icon{ max-width: 100px;}

}  

@media screen and (max-width:991px) { 
header, header.small{ background: #fff;  backdrop-filter:none !important;}
.megamenu>.sub-menu>li.img{display: none;}
.header-navigation {
	position: absolute;
	height: 100vh;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0!important;
	overflow: hidden;
	visibility: hidden;
	z-index: 9999999
}
.header-navigation .main-navigation {
	overflow: hidden;
	width: 100%;
	background:#f6f6f6;
	padding: 0;
	position: fixed;
	z-index: 9999999;
	top: 0;
	height: 100%;
	left: 0;
	right: 0;
	-webkit-transition: all 300ms linear 0ms;
	-khtml-transition: all 300ms linear 0ms;
	-moz-transition: all 300ms linear 0ms;
	-ms-transition: all 300ms linear 0ms;
	-o-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
	-webkit-transform: translateY(-100%);
	-khtml-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,.22);
	-khtml-box-shadow: 0 0 12px rgba(0,0,0,.22);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,.22);
	-ms-box-shadow: 0 0 12px rgba(0,0,0,.22);
	-o-box-shadow: 0 0 12px rgba(0,0,0,.22);
	box-shadow: 0 0 12px rgba(0,0,0,.22);
}
.header-navigation .main-navigation .main-navigation-inner {height: 100%;overflow-y: scroll;	padding: 10px 20px 10px 10px;margin-right: -10px}
.header-navigation.navigation-open {	z-index: 999998;visibility: visible}
.header-navigation.navigation-open .main-navigation {
	-webkit-transform: translateY(0%);
	-khtml-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}

.main-menu {list-style: none;	margin: 0;	padding: 0;background: #fff; box-shadow: 0 10px 20px rgb(0 0 0 / 10%), 0 6px 6px rgb(0 0 0 / 15%);}
.main-menu .sub-menu ul{ background:#fff; padding: 10px;}
.main-menu li {	position: relative;	list-style: none; margin: 0 !important; padding: 0 !important;}
.main-menu>li>a{padding: 0 !important; margin: 0 !important; border-left: none  !important;}
.main-menu li a {	display: block;	padding: 0;	text-transform: capitalize; color: #444 !important;	font-size: 15px !important;	border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0; line-height: 22px !important; padding:10px 15px!important; border-bottom: 1px solid #eee;}
.main-menu li .img{ display: none !important;}
.main-menu>li>a.onepage-active, .main-menu>li>a:hover, .main-menu>li>a.current, .main-menu>li.current_page_item>a, .main-menu>li.current-menu-item>a, .main-menu>li.current_page_ancestor>a, .main-menu>li.current-menu-ancestor>a {color: #a67410}
.main-menu li .icon{ display: none;}
.main-menu>li>.sub-menu {	border-bottom: 1px solid rgba(255,255,255,0.2);  padding-left: 15px; background: #fafafa;}
.main-menu .sub-menu, .main-menu .children {position: relative;	display: none}
.main-menu .sub-menu li a, .main-menu .children li a {	padding: 7px 24px 7px 6px !important;line-height: 20px !important;
	font-size: 15px !important;	border: none}
.main-menu .sub-menu li>a:hover, .main-menu .children li>a:hover, .main-menu .sub-menu li>a.current, .main-menu .children li>a.current, .main-menu .sub-menu li.current_page_item>a, .main-menu .children li.current_page_item>a, .main-menu .sub-menu li.current-menu-item>a, .main-menu .children li.current-menu-item>a, .main-menu .sub-menu li.current_page_ancestor>a, .main-menu .children li.current_page_ancestor>a, .main-menu .sub-menu li.current-menu-ancestor>a, .main-menu .children li.current-menu-ancestor>a {color: #a67410}
.main-menu .sub-menu li .menu-toggle, .main-menu .children li .menu-toggle {	top: 2px}
.main-menu .sub-menu .sub-menu li a, .main-menu .children .sub-menu li a {padding: 0 0 0 20px}
.main-menu .sub-menu .sub-menu li .sub-menu li a, .main-menu .children .sub-menu li .sub-menu li a {padding: 0 0 0 30px}
.main-menu li.focus>.sub-menu, .main-menu li.focus>.children {	visibility: visible;opacity: 1;	max-height: none;overflow: visible}
.header-navigation .main-navigation .main-navigation-inner {height: 100%;overflow-y: scroll;padding: 0 30px 20px 20px;margin-right: -10px}
.menu-toggle {
	position: absolute;
	top: 10px;
	height: 30px;
	right: 6px;
	border: 1px solid rgba(255,255,255,0.2);
	width: 30px;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	font-family:FontAwesome;
	font-size: 20px
}
.menu-toggle:before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-khtml-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 300ms linear 0ms;
	-khtml-transition: all 300ms linear 0ms;
	-moz-transition: all 300ms linear 0ms;
	-ms-transition: all 300ms linear 0ms;
	-o-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
	font-size: 16px;
}
.menu-toggle.toggle-open:before {content: '\f106'}

#menu-mobile {width:100%; height: 60px;  display: flex !important;justify-content: flex-start;  position: absolute; right: 0; top: 0; z-index: 999999; background:#ffffff;transition: 0.5s all;align-items: center; box-shadow: 2px 0 20px 0 rgb(0 0 0 / 8%);}
#menu-mobile .btn-nav-mobile {
	color: #fff;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	z-index: 8888888;
	height: 16px;
    position: absolute;
    width: 100%;
	-webkit-transition: all 300ms linear 0ms;
	-khtml-transition: all 300ms linear 0ms;
	-moz-transition: all 300ms linear 0ms;
	-ms-transition: all 300ms linear 0ms;
	-o-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
}
#menu-mobile .btn-nav-mobile:before, #menu-mobile .btn-nav-mobile:after, #menu-mobile .btn-nav-mobile span {
	-webkit-transition: all 300ms linear 0ms;
	-khtml-transition: all 300ms linear 0ms;
	-moz-transition: all 300ms linear 0ms;
	-ms-transition: all 300ms linear 0ms;
	-o-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
	content: "";
	background-color: #333;
	display: block;
	height: 2px;
	margin: auto;
	position: absolute;
	right: 15px;
	width: 0.26rem;
	top:5px;
}
#menu-mobile .btn-nav-mobile:before {top:0}
#menu-mobile .btn-nav-mobile span {	bottom:-1px;}
#menu-mobile .btn-nav-mobile.opened:before {
	top:8px;background: var(--main-color);
	-webkit-transform: rotate(45deg);
	-khtml-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
#menu-mobile .btn-nav-mobile.opened:after {
	-webkit-transform: rotate(-45deg);
	-khtml-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 8px;background: var(--main-color);
}
#menu-mobile .btn-nav-mobile.opened span {display: none}
li.megamenu .container {padding: 0}
li.megamenu .container .elementor-column-wrap {padding: 0!important}
li.megamenu .elementor-row {display: block}
li.megamenu .elementor-row>.elementor-element {width: 100%!important}
li.megamenu .elementor-element-populated {padding: 0!important}


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

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

 



 


@media screen and (max-width:300px) {
.header-navigation .main-navigation{ width: 100%;}
#menu-mobile .btn-nav-mobile.opened:before,#menu-mobile .btn-nav-mobile.opened:after{ background: #333;}
}
/*language*/
.language{list-style: none; overflow: hidden;float: right; position: relative; font-size: 15px; text-align: right; margin-left: .22rem} 
.language p{display: inline-block !important; width: auto; text-align: center;color:#000; text-transform: capitalize; transition: 0.5s background-color; position: relative;z-index: 5;transition: 0.6s all; line-height:32px; display: flex; align-items: center; padding:0 .15rem 0 0; font-size: 15px; font-family: 'NotoSansSC';}  
.language p:after{ position:absolute; content:''; width:6px; height:4px; background: url("../images/lan_down.png") no-repeat; right: 0; top:14px; }
.language p span{ display: block;}
.language p i{ margin-left: 4px; color: #666;}
.language img{overflow: hidden; margin-right: 7px;} 
.language .language_ul{ width:160px;  border-radius:3px; position:absolute; box-shadow:1px 1px 10px 0 #ccc; top: 100%; right: 0; background:#fff;  -webkit-transition:margin .5s ease-in-out; -moz-transition:margin .5s ease-in-out;  margin-top: 50px; opacity: 0; z-index: -2; transition: 0.5s all; }
.language:hover {height: auto; overflow: inherit;}
.language:hover .language_ul{margin-top: 0;transition: margin .3s ease-in-out;-moz-transition: margin .3s ease-in-out; opacity: 1; z-index: 9999999999;}
.language .language_ul:after{position:absolute;top: -5px; right: 15px; width: 0; height: 0; content: '';border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 5px solid #fff;}
.language ul li{ list-style: none; border-bottom: 1px solid #eee; padding: 6px; position: relative;}
.language ul li.active:after{content: "\f00c";font-family: 'FontAwesome';position: absolute;right: 8px;top: 50%;transform: translate(0, -50%);font-size: 14px;color: #ecb57d;}
.language ul li:hover{ background: #f7f7f7;}
.language ul li img{ margin-right: 6px; float: left;  -webkit-filter:none;  filter: none;}
.language ul li a{ line-height: 22px; padding: 5px ; display: flex;align-items: center; color: #666; font-size:16 px;}


.mob_language,.mob_sns{ display: none;}
@media screen and (max-width:992px) {
.mob_language,.mob_sns{ display: block;}
.mob_logo { position: relative; z-index: 8888889;}
.mob_logo a{ display: block; }
.mob_language{ margin-top: 0.3rem; }
.mob_language p,.mob_sns p{ font-size: 0.2rem; color: #000; 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: 4px; width: 18px; }
.mob_sns{ margin-top: 0.2rem;}
.mob_sns a{ display: inline-block; max-width: 40px;}
}
.lang_web{ float: left; text-transform: capitalize; margin-top: 8px;}
.lang_web img{ margin-right: 4px;}
.lang_web a{ font-weight: normal; line-height: 24px; padding: 0 !important; border: 0; font-size: 15px; color: #999; float: left; display: flex; margin-left: 0.2rem; display: flex;align-items: center;}


.mob_language,.mob_sns{ display: none;}
@media screen and (max-width:992px) {
.mob_language,.mob_sns{ display: block;}
.mob_logo { position: relative; z-index: 8888889; margin-left: 20px;}
.mob_logo a{ display: block; }
.mob_logo img{ max-height:40px;}
.mob_language{ margin-top: 0.3rem; }
.mob_language p,.mob_sns p{ font-size: 0.2rem; line-height: 24px; color: #000; text-transform: capitalize;width: 100%;}
.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: 4px; width: 18px; border-radius: 50%;}
.mob_sns{ margin-top: 0.2rem;display: flex; flex-wrap: wrap;}
.mob_sns a{ display: inline-flex; align-items: center; justify-content: center; background: var(--main-color);  width: 30px; height: 30px; border-radius: 4px; margin-right: 0.1rem;}
	.mob_sns img{ -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
}
.lang_web{ float: left; text-transform: capitalize; margin-top: 8px;}
.lang_web img{ margin-right: 4px;}
.lang_web a{ font-weight: normal; line-height: 24px; padding: 0 !important; border: 0; font-size: 15px; color: #666; float: left; display: flex; margin-left: 12px; display: flex;align-items: center;}

 
 
 

/*Search*/
.search_box{ margin:.32rem 0 0 0; width:510px; float:right; display:block;}
.search_box input{display:inline-block; width:480px; line-height:36px; background:#f2f2f2; border-radius:5px; padding:0 15px; outline:none; border:none; color:#888; float:left}
.search_box button{float:right; background:none; outline:none; border:none; margin:7px 0 0 0; padding:0}
.search_box button img{display:block;  width:22px;}


.ico_search{ display:inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; width:.6rem; height:.6rem;background:url("../images/search.png") center center no-repeat #ededed; border-radius: 50%; position: relative; transition: all .5s}
.ico_search:hover{ background:url("../images/search.png") center center no-repeat #ec6716;}
.search-box {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.75);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index: 9999992; padding-top: 8%}
.search-box.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.search-box .container {position: relative; width: 100%; max-width:8rem;margin: 4em auto;background: #FFF;border-radius: .25em .25em .4em .4em;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s; padding: 0.3rem;}
.search-box .title{  font-size: 0.25rem; text-transform:capitalize; padding: 15px 0; color: #333; text-align: center; font-family:'CircularStd Bold';  margin-bottom: .2rem}
.search-box .search-close {position: absolute;top: 8px;right: 8px;width: 30px;height: 30px;}
.search-box .search-close::before, .search-box .search-close::after {content: '';position: absolute;top: 12px;width: 14px;height: 3px;background-color: #8f9cb5;}.search-box .search-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 8px;}
.search-box .search-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 8px;}
.is-visible .search-box {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);
transform: translateY(0); background: #eee; padding: 0 20px 20px;}

.search_input {position: fixed;left:0;top: 0; width:100%;transition: all 0.5s;z-index: 9999999; display: none;transition-property: top, width, border;transition-duration: 0.1s, 0.1s;background:#fff; height: auto; border-radius: 0; padding: 0 15px; padding-bottom:80px;}
.search_main{position: relative; width: 100%; max-width: 8rem; margin: 0 auto;}
.search_main .form-control{height:50px;color:#999;float:left; line-height:50px;font-size:16px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background:#f7f7f7; padding-right:55px; border:none;  border-radius:5px; box-shadow: none; float: none;  padding-left: 10px;}
.search_main .form-control:focus{ color:#333;}
.search_main .search_btn{display:block; width:50px;height:50px;cursor:pointer; border:none; position:absolute; bottom:0; right:0; background-image: url("data:image/svg+xml,%3Csvg t='1699341196966' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4027' width='16' height='16'%3E%3Cpath d='M701.8831 797.01409c-106.666311 74.888284-222.889924 101.443929-349.728967 75.946413-108.782571-21.776994-196.334279-79.154936-263.713254-167.321042C-44.234946 531.935507-25.666474 282.797137 130.902604 127.661654 287.949547-27.405562 535.210589-43.311642 710.314006 91.582841c179.370069 138.103006 234.563485 408.472238 85.435448 611.940361 6.89491 6.348779 14.335952 12.731691 20.718864 19.626601 61.542195 60.586465 122.02626 121.650794 183.056457 182.203126 18.056473 18.090606 27.067643 39.321469 21.776994 64.818984a61.781127 61.781127 0 0 1-44.577985 49.390768 62.532058 62.532058 0 0 1-66.354979-14.84795c-38.195073-37.205209-75.332016-75.434415-113.01509-112.639625l-89.667967-89.770367-5.836781-5.290649z m-260.572998-22.869257c181.486328 0 332.184493-149.776567 332.184493-329.863434 0-186.435645-149.093903-336.758344-332.696491-335.700214-183.636721 0.511998-332.184493 149.264569-332.184493 333.037823-0.546132 182.203126 149.640035 332.525825 332.696491 332.525825z' fill='%23ffffff' p-id='4028'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-color: var(--main-color); background-position: center center; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.search_tags{ margin:0.2rem 0 0; text-align: center;}
.search_tags a{ display: inline-block; background:#f7f7f7; border-radius:0; color: #666; font-size: 14px; line-height:30px; padding: 0 0.15rem; margin-bottom: 0.04rem;}
.search_tags a:hover{ background: var(--main-color); color: #fff;}


@media screen and (max-width:1366px) {
	.search_box{margin-top:.27rem}
	.search_box input{line-height:.52rem}
}
@media screen and (max-width:992px) {
	.search-box .title{font-size: 18px; line-height: 20px;}
	.search_input { left:0; width: 100%; top:0; }
	.search-box .container{padding: 20px !important; margin: 0; border-radius: 0; transform:translate(0);max-width: 100%;}
	.ico_search{ margin-right:0; display: block}
	.quote{display:none;}
	header .container{width:94%}
	.search_box{width:100%; margin: 73px 0 0; }
	.search_box input{width:calc(100% - 32px)}
	.search_box button{margin-top:10px}
}


/*fancybox*/
.fancybox__container{ z-index: 9999991 !important;}
.inquiry_box{border-radius:30px !important}
.select_title{ font-family:'CircularStd Bold';  font-style:normal; color:#333; font-size: 0.36rem; line-height: 0.36rem; margin-bottom: 0.2rem; text-transform: capitalize;}
#dialog-quote{ max-width: 10rem; display: none; padding: 0;}
#dialog-quote .main{ padding: .3rem; background: none}
#dialog-quote .inquiry{ padding: 0.3rem;  background: #fff; border-radius: 30px;}
.nav_quote{ background: var(--main-color); line-height: 48px; padding: 0 20px; color: #fff; font-size: 16px; border-radius: 5px; font-size: 18px; text-transform:capitalize; font-family:'CircularStd Bold'; }
.nav_quote img{ margin-right: 10px;} 

.inquiry_box>.f-button.is-close-btn{top:40px !important; right: 45px!important}


 
 /*header_section*/
@-webkit-keyframes slideDown {
  0% {-webkit-transform: translateY(-100%); transform: translateY(-100%);opacity: 0;}
  100% { -webkit-transform: translateY(0);transform: translateY(0); opacity: 1;}
}
@keyframes slideDown {
  0% {-webkit-transform: translateY(-100%);transform: translateY(-100%); opacity: 0;}
  100% {-webkit-transform: translateY(0);  transform: translateY(0); opacity: 1;}
}
 
.height{ height: 1.91rem;}  




 


/*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: 60px; height: 60px; position: initial; display: flex; background:rgba(255,255,255,1); margin: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%233a3a3a'%3E%3C/path%3E%3C/svg%3E "); background-size: 20px auto; border-radius:50%; background-repeat: no-repeat; background-position: center center; box-shadow: 0 0 30px rgba(0,0,0,0.1); transition: 0.5s;}
.swiper-button-prev{} 
.swiper-scrollbar-drag{ background:  var(--main-color);}

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

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

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

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


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

/*honor*/
.honor_section{ position:relative; overflow: hidden;}
.honor_section .swiper-wrapper{ height: 100%;}
.modelTostChile .swiper-wrapper{ height: 100%;}
.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:100%; padding: 3% 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:40px; 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;}
.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;}

/*tab*/
.page_nav .ah-tab-wrapper {position: relative;}
.page_nav .ah-tab-wrapper *, .page_nav .ah-tab-wrapper *:before, .ah-tab-wrapper *:after {box-sizing: border-box;margin: 0;padding: 0;}
.page_nav .ah-tab {position: relative;white-space: nowrap;overflow: hidden;letter-spacing: -0.3em;}
.page_nav .ah-tab::before,.page_nav  .ah-tab::after {bottom: 0;content: "";height: 100%;opacity: 0;position: absolute;z-index: 1;transition: opacity .3s;}
.page_nav .ah-tab::before {left: -100%;width: 30px;background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%);background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%);background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);}
.page_nav .ah-tab::after {right: 100%;width: 80px;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%);background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);}
.page_nav .ah-tab-overflow-left::before {opacity: 1;left: 0;}
.page_nav .ah-tab-overflow-right::after {opacity: 1;right: 0;}
.page_nav .ah-tab-overflow-wrapper {position: absolute;width: 43px;height: 100%;right: 100%;opacity: 0;top: 0;z-index: 1;text-align: center;}
.page_nav .ah-tab-overflow-wrapper[data-ah-tab-active="true"] {right: 0;opacity: 1;transition: opacity .3s;}
.page_nav .ah-tab-overflow-menu {background: transparent url(../images/ah-tab-overflow-menu.svg) center center no-repeat;background-size: 18px;display: inline-block;width: 100%;height: 100%;border: 0;cursor: pointer;transition: opacity .3s;opacity: .7;}
.page_nav .ah-tab-overflow-wrapper:hover .ah-tab-overflow-menu {opacity: 1;}
.page_nav .ah-tab-overflow-list {position: absolute;top: -1000%;right: 0;text-align: left;background-color: #fff;border: 1px solid #e9e9e9;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.09);list-style: none;transition: opacity .3s;opacity: 0;max-width: 290px;}
.page_nav .ah-tab-overflow-list::after {content: " ";display: block;position: absolute;top: -14px;right: 14px;width: 0;height: 0;border: 7px solid transparent;border-bottom-color: #fff;}
.page_nav .ah-tab-overflow-list::before {content: " ";display: block;position: absolute;top: -16px;right: 13px;width: 0;height: 0;border: 8px solid transparent;border-bottom-color: #cdcdcd;}
.page_nav .ah-tab-overflow-wrapper:hover .ah-tab-overflow-list {top: 99%;padding: 10px 0;opacity: 1;}
.page_nav .ah-tab-overflow-list:hover {display: block;}
.page_nav .ah-tab-item {color: #333;cursor: pointer;display: inline-block;letter-spacing: normal;transition: all .3s;text-decoration: none;font-size:16px;  background: #eee; padding: 10px 26px; text-transform:capitalize; font-family:'CircularStd Medium'; }
.page_nav .ah-tab>.ah-tab-item {margin-right: 3px;}
.page_nav .ah-tab-item[data-ah-tab-active="true"] {color:  #fff; background: var(--main-color);}
.page_nav .ah-tab>.ah-tab-item:hover { background: var(--main-color); color:  #fff;}
.page_nav .ah-tab>.ah-tab-item[data-ah-tab-active="true"] {border-bottom-color: var(--main-color);}
.page_nav .ah-tab-overflow-list>.ah-tab-item {border-left: 3px solid transparent;display: block;overflow: hidden;padding: 10px 20px;text-overflow: ellipsis;white-space: nowrap; font-size: 14px; background: #fff; border-top: none; border-radius: 0; padding: 8px;}
.page_nav .ah-tab-overflow-list>.ah-tab-item:hover {border-left-color: var(--main-color); color: var(--main-color);}
.page_nav .ah-tab-overflow-list>.ah-tab-item[data-ah-tab-active="true"] {border-left-color: var(--main-color); background: #fff; color: var(--main-color);}
.page_nav .ah-tab-content {display: none;padding: 30px;border: 1px solid #ebebeb;}
.page_nav .ah-tab-content[data-ah-tab-active="true"] {display: block;}

@media only screen and (max-width:768px) {
.page_nav .ah-tab-item{ font-size: 14px; padding: 8px 15px;}

}


/*css*/
.light_box{ position: relative; display: block;}
.light_box:before,
.light_box:after{Content:'';background:rgba(255, 255, 255, 0.15) none repeat scroll 0 0;bottom:0;left:0;right:0;top:0;opacity: 0;position: absolute;z-index: 1;transition:all 500ms ease 0s;-webkit-transition:all 500ms ease 0s;-moz-transition:all 500ms ease 0s;-ms-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;}
li:hover .light_box:before{left: 50%;opacity: 1;right: 50%;}
li:hover .light_box:after{bottom: 50%;opacity: 1;top: 50%;}

/*banner*/
.banner{position:relative; width: 100%;} 
.banner .swiper-container{ position:relative; z-index: 5}
.banner img{ width: 100%;}
.banner .swiper-button-prev, .banner .swiper-button-next{ position: absolute;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23ffffff'%3E%3C/path%3E%3C/svg%3E "); background-color: rgba(255,255,255,0.1); top: 43%}



/*banner*/
.banner .swiper-button-next,.banner  .swiper-button-prev{ background-image:none}
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{ color: #fff; font-size: 16px;}
.banner .swiper-pagination{ position: absolute; bottom: 10px;}
.banner .swiper-pagination-bullet{background:#fff}
.banner .swiper-pagination-bullet-active{ background: var(--main-color); border-color:var(--main-color);}  
.banner .swiper-slide-active{ display: block; position: relative; z-index: 666;}
.banner .swiper-slide img,.banner .swiper-slide a{display: block;width: 100%;}
.banner .swiper-slide .banner_text {position: absolute;top:30%;width:100%;left:0; transition: all 0.5s; z-index: 5} 
.banner .swiper-slide .banner_text .banner_main{width:80%; text-align: center; margin: 0 auto} 
.banner .swiper-slide .banner_text .title {transform: translateY(15px); opacity: 0;  font-size: 0.45rem; line-height: 0.6rem;position: relative; display: inline-block; font-family:'CircularStd Bold';  text-transform: capitalize; color:#fff}  
.banner .swiper-slide .banner_text .pro_search{transform: translateY(15px); opacity:0; display: flex; flex-wrap: wrap; align-items: center;position: relative; max-width: 9.7rem; margin:.45rem auto 0 auto} 
.banner .swiper-slide .banner_text .pro_search input{inline-display:block; width:78%; max-width:7.6rem; background: #fff; line-height:.75rem; outline: none; border-radius: 6px 0 0 6px; padding: 0 20px; color:#999; font-size: 16px;} 
.banner .swiper-slide .banner_text .pro_search input::input-placeholder{color:#999}
.banner .swiper-slide .banner_text .pro_searchinput::-webkit-input-placeholder{color:#999} 
.banner .swiper-slide .banner_text .pro_search button{inline-display:block; width:22%; background: var(--main-color); line-height:.75rem; outline: none; border-radius: 0 6px 6px 0; color: #fff; font-size: .2rem; font-family: 'CircularStd Medium'}
.banner .swiper-slide-active .banner_text .title,.banner .swiper-slide-active .banner_text .pro_search{ transition: all .5s ease .6s; transform: translateY(0);  opacity: 1;}  



@media only screen and (max-width: 1260px){ 
.banner .swiper-slide .banner_text .banner_main{width:68%}
.banner .swiper-slide .banner_text .title span{font-size:18px;}
.banner .swiper-slide .banner_text .title{font-size:.36rem; line-height:.48rem}
	.banner .swiper-slide .banner_text{top:26%}
	.banner .swiper-slide .banner_text .pro_search input,.banner .swiper-slide .banner_text .pro_search button{line-height:.6rem}
	.banner .swiper-slide .banner_text .pro_search input{width:70%}
	.banner .swiper-slide .banner_text .pro_search button{width:30%}
}

@media only screen and (max-width: 992px){   
	.banner{margin-top:66px;}
	.banner .container{ width:80%} 
.banner .swiper-slide .banner_text .banner_main{width:90%}  
	.banner .swiper-slide .banner_text .pro_search{margin-top:.25rem} 
}


 

@media only screen and (max-width:768px){ 
	.banner .swiper-slide .banner_text{position: inherit; background: #e0e0e0; padding: .3rem 0}
	.banner .swiper-slide .banner_text .pro_search{margin:.15rem 0 .3rem } 
	.banner .container{ width:90%}
.banner .swiper-slide .banner_text .title{font-size:.28rem; line-height:.35rem}  
.banner .swiper-button-prev, .banner .swiper-button-next{display:none}
	.banner .swiper-slide .banner_text .title{color:#101010}
}

@media only screen and (max-width:575px){  
	.banner .swiper-slide .banner_text{top:35%}
.banner .swiper-slide .banner_text .banner_main{width:100%} 
.banner .swiper-slide .banner_text .title{font-size:.22rem; line-height:.28rem} 
}
 
 




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

@keyframes qodefBorderAnimation {
  0% {background-position: 0 0,100% 100%,0 100%,100% 0}
  100% {background-position: 100% 0,0 100%,0 0,100% 100%}
}

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

.my_more1{ display: inline-flex; padding:0 0.2rem; height: 0.4rem; border-radius: 0; color: #101010; position: relative;overflow: hidden; text-transform: capitalize; font-size:16px; background: none; min-height: 36px;align-items: center;justify-content: center; padding-right: 40px; margin-top: 10px; font-family:'CircularStd Bold';  border:1px #101010 solid; border-radius: 30px;}
.my_more1 img{margin-right: 10px;}
.my_more1:after{ position: absolute; right:0.15rem; top: 51%; line-height:0.3rem; margin-top: -0.16rem; display: inline-block;content: "\f105";width: 10px;  font-family: 'FontAwesome'; font-weight: bold; transition: 0.5s; color: #101010;}
.my_more1:before { content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
/*.my_more1:hover{color: #fff; box-shadow: 6px 6px 0 rgba(0,0,0,0.08);  background: var(--hover-color);padding-right: 46px;}*/
.my_more1:hover:before{ width: 100%;}
.my_more1:hover:after{ opacity: 1; color:#fff}
.my_more1:hover{ background:var(--main-color); color:#fff; border:1px var(--main-color) solid;}

/*Search*/
.search_web{position: relative;  width: 100%; z-index: 1;height: 46px;  overflow: hidden; border: 1px solid #d8d8d8; border-radius: 5px;}
.search_web .form-control{color:#999;float:left; line-height:46px;font-size:16px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background: #eee; padding-right:50px; box-shadow: none; float: none;padding-left: 0.1rem; height: 100%; padding-left: 0.15rem;}
.search_web .form-control:focus{ color:#222;}
.search_web .search_btn{display:block; padding: 0 14px; width: 46px; height:46px;cursor:pointer; border:none; position:absolute; bottom:0; right:0;color: #fff; font-size: 14px; line-height: 30px; background-image: url("data:image/svg+xml,%3Csvg t='1679645734545' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4512' width='24' height='24'%3E%3Cpath d='M487.8 258.68c118.69 0 218.72 92.87 227.73 211.42 9.56 125.77-84.98 235.87-210.75 245.42-5.93 0.45-11.83 0.67-17.69 0.67-118.69 0-218.73-92.87-227.74-211.42-4.63-60.92 14.74-120.01 54.55-166.36 39.81-46.35 95.28-74.43 156.2-79.06 5.94-0.44 11.84-0.67 17.7-0.67m-0.01-96c-8.26 0-16.59 0.31-24.96 0.95-178.83 13.6-312.79 169.59-299.2 348.43 12.96 170.46 155.29 300.15 323.46 300.15 8.26 0 16.59-0.31 24.96-0.95 178.84-13.59 312.79-169.59 299.2-348.42-12.95-170.47-155.28-300.16-323.46-300.16z' fill='%23111111' p-id='4513'%3E%3C/path%3E%3Cpath d='M861.3 909.31c-12.28 0-24.56-4.69-33.94-14.06L702.12 769.99c-18.75-18.75-18.75-49.12 0-67.88s49.12-18.75 67.88 0l125.25 125.25c18.75 18.75 18.75 49.12 0 67.88-9.38 9.38-21.67 14.07-33.95 14.07z' fill='%23111111' p-id='4514'%3E%3C/path%3E%3Cpath d='M668.163 736.059l67.875-67.875L850.503 782.65l-67.874 67.874z' fill='%23111111' p-id='4515'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-color:#eee;}


/*light_img*/
.light_img{position: relative;z-index: 1;display: inline-block;vertical-align: top;max-width: 100%;background: #fff;}
.light_img:before ,.light_img:after {background: rgba(255, 255, 255, .4) none repeat scroll 0 0;content: " ";height: 0;padding: 0;position: absolute;transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;width: 0;transform: rotate(200deg);-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);-ms-transform: rotate(200deg);-o-transform: rotate(200deg);z-index: 1;border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;}
.light_img:before {left: 0;top: 0;}
.light_img:after {bottom: 0;right: 0;}
li:hover .light_img:before, li:hover .light_img:after{height: 100%;width: 100%;transform: rotatex(-200deg);-webkit-transform: rotatex(-200deg);
-moz-transform: rotatex(-200deg);-ms-transform: rotatex(-200deg);-o-transform: rotatex(-200deg);opacity: 0;}



.top_section .main{ display: flex; justify-content: space-between; align-items: flex-start} 
#logo{ display: inline-flex;align-items: center; margin:.18rem 0 .17rem; position: relative}
#logo h1{flex-shrink: 0; line-height: 0}  

   
 


.nav_npage .main-menu>li>a{ color: #333;} 
#logo img{ max-height:.65rem; display: inline-block;}  
.nav_npage .main-menu>li>a{ color: #333;}
.main-menu>li>a {font-size:14px; color: #fff; line-height:.5rem; padding:0; position: relative; text-transform:capitalize;} 
 
.header-navigation{ display:block}


.language_web{line-height: 30px; border-radius: 5px; margin-left: 0.4rem;display: flex;align-items: center; background: rgba(255,255,255,0.05); line-height: 34px; padding: 0 10px; color: #fff; }
.language_web a{ color: #fff; font-size: 14px; text-transform: uppercase; display: inline-block; margin: 0 4px;}
header{width: 100%;z-index: 999999;padding: 0;position:fixed;transition: 0.5s all; background:#fff !important;} 
header.small{position: fixed;top: 0;left: 0;right: 0; margin: 0 auto; z-index: 666666; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 14px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 14px; background:#fff} 
header.small #logo{ margin:.15rem 0}   
header.small #logo img{ max-height:.45rem}
header.small .search_box{margin-top:.2rem}
header.small .header_top{display:none}


.header_top{width:100%; margin:0 auto; background:#f2f2f2; line-height:.4rem;}
.header_top .container{width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between}
.header_top .contact_t{display:inline-block; width:45%; text-align:left}
.header_top .contact_t ul{display:flex; flex-wrap:wrap; align-items:center;}
.header_top .contact_t ul li{display:inline-block; list-style:none; margin-right:.36rem; font-size:14px; text-transform:uppercase; color:#363636}
.header_top .contact_t ul li a{display:inline-block; color:#888; transition:all .5s; text-transform: none} 


.header_top .menu_list{display:inline-block; width:55%; text-align:right}
.header_top .menu_list ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end}
.header_top .menu_list ul li{display:inline-block; list-style:none; padding-left:.54rem; position:relative}
.header_top .menu_list ul li:before{position:absolute; content:''; width:1px; height:12px; background:#989898; left:.27rem; top:.14rem}
.header_top .menu_list ul li:first-child:before{display:none}
.header_top .menu_list ul li a{display:inline-block; text-transform:capitalize; color:#888; font-size:14px; transition:all .5}
.header_top .menu_list ul li a:hover,.header_top .contact_t ul li a:hover{color:var(--main-color)}



.headbottom{width:100%; margin:0 auto; background:#404040; display:block;}






@media screen and (min-width: 992px) {
  header.index .main-menu > li.active > a, header.index .main-menu > li:hover > a {
    color: #fff;
  }
	
} 
 

@media screen and (max-width:1650px) {   
.main-menu > li{margin-right:.45rem} 
} 

@media screen and (max-width:1500px) {   
.main-menu > li{margin-right:.35rem} 
}


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

@media only screen and (max-width:992px) {
	header.small{animation:none; -webkit-animation:none}
	.main-menu>li:last-child>a{background:none !important}
	.header_top,header .share{ display:none}
	.nav_section .main{ z-index:inherit; width: 100%; background: none;} 
	.search_web .form-control{height: 40px; line-height: 40px;}
	.search_web .search_btn{height: 40px;}
	.search_web{width: 100%;}
	.search_web{ height: 40px;}
	header.small .head_section{display: none;}
	.height{  height: 60px;}
	header,header.small{ background: none; box-shadow: none;}
	header .container{padding:0;}
	.search_section{ height: 50px; position: absolute; right: 0; top: 0; z-index: 999999998; background: none;margin-top: 0;}
	.ico_search{ position: absolute; right: 10px; top: 10px; z-index: 9999991; margin-top: 0; width: auto; padding-left: 0; width: 30px; overflow: hidden;  height: 30px; background-position: center center; margin-left: 0;background-image: url("data:image/svg+xml,%3Csvg t='1679645734545' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4512' width='24' height='24'%3E%3Cpath d='M487.8 258.68c118.69 0 218.72 92.87 227.73 211.42 9.56 125.77-84.98 235.87-210.75 245.42-5.93 0.45-11.83 0.67-17.69 0.67-118.69 0-218.73-92.87-227.74-211.42-4.63-60.92 14.74-120.01 54.55-166.36 39.81-46.35 95.28-74.43 156.2-79.06 5.94-0.44 11.84-0.67 17.7-0.67m-0.01-96c-8.26 0-16.59 0.31-24.96 0.95-178.83 13.6-312.79 169.59-299.2 348.43 12.96 170.46 155.29 300.15 323.46 300.15 8.26 0 16.59-0.31 24.96-0.95 178.84-13.59 312.79-169.59 299.2-348.42-12.95-170.47-155.28-300.16-323.46-300.16z' fill='%23333333' p-id='4513'%3E%3C/path%3E%3Cpath d='M861.3 909.31c-12.28 0-24.56-4.69-33.94-14.06L702.12 769.99c-18.75-18.75-18.75-49.12 0-67.88s49.12-18.75 67.88 0l125.25 125.25c18.75 18.75 18.75 49.12 0 67.88-9.38 9.38-21.67 14.07-33.95 14.07z' fill='%23333333' p-id='4514'%3E%3C/path%3E%3Cpath d='M668.163 736.059l67.875-67.875L850.503 782.65l-67.874 67.874z' fill='%23333333' p-id='4515'%3E%3C/path%3E%3C/svg%3E");  -webkit-filter:none;  filter:none; background:url("../images/search.png") center center no-repeat #fff}
		.ico_search:hover{background:url("../images/search.png") center center no-repeat #fff}

	}

.i_title{ text-align: center; position: relative; margin-bottom: 0.25rem; z-index: 3; }
.i_title .h6{ display: inline-block; line-height: 36px; padding: 0 0.2rem; border-radius: 5px; color: #fff; background-color: var(--main-color); position: relative;  font-family:'CircularStd Bold'; font-size: 16px; text-transform: capitalize; margin-bottom: 15px;}
.i_title .h6:after{ position: absolute; left: -9px; top: 0; width: 4px; height: 100%; border-radius: 30px; content: ''; background: var(--main-color);}
.i_title .title{font-size: 0.45rem; color: #101010; line-height: 0.5rem; position: relative; z-index: 33; max-width: 10rem; display: inline-block; font-family:'CircularStd Bold'; }  
.i_title .p{overflow: hidden; max-width:10rem; display: block; color: #888888; line-height:30px; max-height: 64px; margin: 10px auto 0 auto; font-size: 18px; }
 

.tl{ text-align: left;}
.tl .title:before,.tl .title:after{left: 0; margin: 0;}
.tl p{ text-align: left; margin-left: 0; padding: 0;}

.scrollbar_title{ display: flex;align-items: center; justify-content: space-between; position: relative; z-index: 333; width: 100%; margin-bottom: 0.5rem;}
.scrollbar_title .i_title{ width: 50%; margin-bottom: 0; flex-shrink: 0; max-width: 50%;}
.scrollbar_title p{ margin-bottom: 0;}
@media only screen and (max-width:1200px) {
.i_title .p{max-width: 88%; margin-top: 5px !important; font-size: 16px; line-height: 22px; max-height: 66px;}
}
@media only screen and (max-width:992px) {
.scrollbar_title .i_title{ width: 100%;margin-bottom: 20px;} 
.i_title{ margin-bottom:10px;}
.scrollbar_title{ display: block;}
.i_title .title{background: none;}
.scrollbar_title .i_title{  max-width: 100%;}
.i_title .big_word{ display:none}
	.i_title .p{max-width:100%; font-size: 15px;}
}
@media only screen and (max-width:768px) {
.i_title .h6{display: none;}
.i_title img{ display: none;}
.i_title .title{margin-bottom: 8px!important; padding-bottom: 0; margin-bottom: 0; background: none; padding-top: 0;font-size: .35rem; line-height: .42rem;}
.i_title{ margin-bottom: 10px !important;}
.i_title .title:before,.i_title .title:after{ display: none;}
.scrollbar_title{ flex-direction: column; margin-bottom: 0.2rem;}
.i_title p{margin-bottom: 0;}
.i_title{ padding:0!important; background: none !important}
}

.title_bg{ width:77px; height: 4px; text-align:left; margin:15px 0 8px; position: relative; background: var(--hover-color);}
.title_bg span{ 
    position: absolute;
    left: 0;
    top: -1px;
    height: 5px;
    width: 4px; 
    background: #fff;  
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;}


@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
} 


.more_btn{width:100%; display:flex; align-items: center; justify-content:center; margin-top: .3rem; position:relative;}
.more_btn.tl{justify-content:flex-start}
.more_btn a{display:inline-flex; align-items: center; width:auto; color: #fff; font-size:16px; line-height:45px; text-decoration: none; position: relative; padding: 0 .27rem; z-index:3; background:var(--main-color); border:none; font-family: 'CircularStd Medium'; text-transform:capitalize; border-radius: 30px; text-transform: uppercase} 
.more_btn a:hover{background:#fff; color:var(--main-color);}  
 
 @media only screen and (max-width:992px) { 
.more_btn a{font-size:15px; line-height:45px; font-weight:400;}

} 




/*par_content*/
.par_content{ padding:0.45rem 0 0.55rem;  overflow: hidden; text-align: center; background: #f8f8f8} 
.par_content .i_title .title:before{position:absolute; content:''; width:150px; height: 1px; background: #d4d4c7; left: -175px; top: 45%;}
.par_content .i_title .title:after{position:absolute; content:''; width:150px; height: 1px; background: #d4d4c7; right: -175px; top: 45%;}
.par_content .i_title .title span{ color:var(--main-color)}
/*-------slick.min.css--------*/
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0}
.slick-list:focus {outline: 0}
.slick-list.dragging {cursor: pointer;cursor: hand}
.slick-slider .slick-list,.slick-slider .slick-track {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-track:after,.slick-track:before {display: table;content: ''}
.slick-track:after {clear: both}
.slick-loading .slick-track {visibility: hidden}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px}
[dir=rtl] .slick-slide {float: right}
.slick-slide img {display: block}
.slick-slide.slick-loading img {display: none}
.slick-slide.dragging img {pointer-events: none}
.slick-initialized .slick-slide {display: block}
.slick-loading .slick-slide {visibility: hidden}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent}
.slick-arrow.slick-hidden { display: none}
.partner-slider-row { position: relative;  display: flex;  flex-direction: column; width: 100%;}
.partner-slider { position: relative;  width: 100%;  }
.partner-slider .slick-track { display: flex;align-items: center;  justify-content: center;}
.partner-slider .slick-slide{padding:9px;}
.partner-slider .slick-slide img { display: block; width:100%; border-radius: 10px; border: 1px solid #e5e5e5; box-shadow: 0 0 10px rgba(0,0,0,.1)} 

@media only screen and (max-width: 992px) {
	.par_content{padding-bottom: 0.5rem;} 
} 

@media only screen and (max-width: 454px) {
	.content-part{ padding: 0 0 0.3rem;}
	.par_content{padding-bottom: 0.6rem;}

}






.pro_content{width:100%; margin: 0 auto; padding: .65rem 0; text-align: center; overflow: hidden;}
.pro_content ul{width:100%; display: flex; flex-wrap: wrap; padding-top: .1rem;}
.pro_content ul li{display:inline-block; width:18.52%; list-style: none; margin: 0 1.85% .28rem 0; background: #fff; border-radius: 10px; border:1px #e2e2e2 solid; box-shadow: 0 0 10px rgba(0,0,0,.1); overflow:hidden; transition: all .5s}
.pro_content ul li:hover{box-shadow: 0 0 30px rgba(0,0,0,.3);}
.pro_content ul li:nth-child(5n){ margin-right:0}
.pro_content ul li .images{display:block; width:100%; overflow: hidden}
.pro_content ul li .images img{display:block; width:100%; transition: all .5s}
.pro_content ul li:hover .images img{transform:scale(1.08); -webkit-transform:scale(1.08)}
.pro_content ul li .wrap{display:block; width: 100%; text-align: left; padding: .15rem .15rem .3rem .15rem; box-sizing: border-box}
.pro_content ul li .wrap h3 a{display:block; color: #222; font-size: 16px; line-height: 24px; max-height:48px; overflow: hidden; font-family: 'CircularStd Medium'}
.pro_content ul li .wrap h3 a:hover{color:var(--main-color)}
.pro_content ul li .wrap .text{display:none; color: #888; font-size:16px; line-height:24px; max-height: 72px; overflow: hidden; margin: .13rem 0}
.pro_content ul li .wrap .more a{display:inline-block; width:auto; background: var(--main-color); line-height:45px; border-radius: 35px; padding: 0 .25rem; color:#fff; text-transform: uppercase; font-family: 'CircularStd Medium'; margin-top: .18rem; transition: all .5s}
.pro_content ul li .wrap .more a:hover{ background: #404040}

@media only screen and (max-width: 1260px) { 
	.pro_content ul li .wrap h3 a{font-size:15px; line-height: 22px; max-height: 44px; overflow: hidden; font-family: 'CircularStd'}
	.pro_content ul li .wrap .more a{text-transform:capitalize; line-height:36px; font-size: 14px; padding: 0 .35rem;font-family: 'CircularStd'}
	.pro_content ul li .wrap .text{font-size:14px; line-height: 22px; max-height: 66px;}
}

@media only screen and (max-width: 1024px) { 
	.pro_content ul li{width:23.5%; margin-right:2%}
	.pro_content ul li:nth-child(5n){ margin-right:2%}
	.pro_content ul li:nth-child(4n){ margin-right:0} 
}


@media only screen and (max-width: 992px) { 
	.pro_content{padding:.5rem 0 .3rem}
	.pro_content ul li{width:48.5%; margin-right:3%} 
	.pro_content ul li:nth-child(5n){ margin-right:3%}
	.pro_content ul li:nth-child(2n){ margin-right:0} 
	.pro_content ul li .wrap h3 a{font-size:16px;}
	.pro_content ul li .wrap .more a{padding: 0 .3rem;}
}






.about_section{width:100%; margin: 0 auto; overflow: hidden; max-width: 14.03rem; background: url("../images/about_pic.jpg") center no-repeat; background-attachment: fixed; border-radius: 15px; padding: .7rem 0.2rem .76rem .4rem; box-sizing: border-box} 
.about_section .container{display:flex; flex-wrap: wrap; align-items: flex-start; width:100%}
.about_section .i_title{width:38%; display:inline-block}
.about_section .i_title .title{display:block; color: #fff; font-size:.4rem; line-height:.45rem; letter-spacing: -1.3px}
.about_section .wrap{display:inline-block; width:62%; padding-left: .3rem; box-sizing: border-box}
.about_section .wrap .text{display:block; color: #fff; font-size:16px; line-height:26px;  overflow: hidden;}



@media only screen and (max-width: 1024px) { 
.about_section .i_title,.about_section .wrap{display:block; width:100%; padding-left: 0}
}






.brand_section{width:100%; margin:0 auto; padding: .8rem 0 .3rem; text-align: left; overflow: hidden}
.brand_section .i_title{display:inline-block; width:27%; position: relative; float: left}
.brand_section .i_title:after{position:absolute; content:''; width:1px; height: .3rem; background: #e5e4e4; right: .3rem; top: 0.13rem}

.company_change{display:inline-block; width:73%; float: left; margin-top: .08rem}
.company_change .swiper-slide{display:inline-block; width:auto; padding: 0 .4rem; line-height: .42rem; border-radius: 30px; cursor: pointer;}
.brand_btn{display:block; color: #b0b0b0; font-size:.2rem;}
.company_change .swiper-slide-thumb-active{background:var(--main-color)}
.company_change .swiper-slide-thumb-active .brand_btn{color:#fff}




 
.company_con{width:100%; margin: 0 auto; overflow: hidden;}
.company_con .swiper-wrapper{padding:.3rem 0;}
.company_con .swiper-slide{width:100%; display: block; margin: 0 auto;}
.company_con ul{width:100%; display: flex; flex-wrap: wrap;}
.company_con ul li{display:inline-flex; flex-wrap: wrap; align-items: flex-start; width:32%; margin: 0 2% .3rem 0; list-style: none; border:1px #e2e2e2 solid; background: #f7f7f7; border-radius:10px; overflow:hidden; padding: .15rem .2rem; box-sizing: border-box;}
.company_con ul li:nth-child(3n){ margin-right:0}
.company_con ul li .images{display:inline-block; max-width: 1.4rem; border-radius: 10px; overflow: hidden}
.company_con ul li .images img{display:inline-block; width:100%; transition: all .5s}
.company_con ul li:hover .images img{transform:scale(1.08); -webkit-transform:scale(1.08)}
.company_con ul li .wrap{display:inline-block; flex:1; padding-left: .2rem}
.company_con ul li .wrap h3 a{display:block; color: #222; font-size: .18rem; line-height: .24rem; max-height:.48rem; overflow: hidden; font-family: 'CircularStd Bold';}
.company_con ul li .wrap h3 a:hover{color:var(--main-color)}
.company_con ul li .wrap .text{display:none; color: #888; font-size:15px; line-height:21px; max-height:63px; margin: .08rem 0; overflow: hidden}
.company_con ul li .wrap .more{display:block; color: var(--main-color); font-size:15px; text-transform: uppercase; text-decoration: underline; margin-top: 5px}
.company_con ul li .wrap .more:hover{text-decoration:none}

 
@media only screen and (max-width: 1366px) { 
	.brand_btn,.company_con ul li .wrap h3 a{font-size:16px;}
	.company_change .swiper-slide{line-height:.5rem}
}

@media only screen and (max-width: 1024px) { 
	.brand_section .i_title,.company_change{display:block; width:100%;}
	.company_change{margin:0 0 .15rem 0}
	.brand_section .i_title:after{display:none}
}

@media only screen and (max-width: 992px) { 
	.brand_section{padding:.55rem 0 0}
	.company_change{margin-top:.15rem}
	.company_con ul li .images{max-width:100%; background: #fff; text-align: center; display: block; width:100%;}	
	.company_con ul li .wrap{width:100%; padding: .25rem 0 .1rem}
}

@media only screen and (max-width: 575px) { 
	.company_con ul li{width:48.5%; margin: 0 3% .2rem 0}
	.company_con ul li:nth-child(3n){margin-right:3%}
	.company_con ul li:nth-child(2n){margin-right:0}
}


.newsletter span{display:inline-block; color: var(--main-color)}
.newsletter{width:100%; margin: 0 auto; overflow: hidden; padding-bottom: .65rem}
.letter_left{width:49%; display: flex; flex-wrap: wrap; align-items: flex-start; float: left}
.letter_left figure{display:inline-block; max-width:.94rem;}
.letter_left .wrap{display:inline-block; flex:1; padding-left: .32rem; text-align: left; box-sizing: border-box}
.letter_left .small_title{display:block; color: #000; font-size: 16px; line-height: 16px; font-family:'CircularStd Medium'; text-transform: uppercase; margin-bottom: .08rem}
.letter_left .i_title{margin-bottom:.08rem}
.letter_left .i_title .title{font-size:.26rem; font-family: 'CircularStd Bold'; line-height: .35rem}
.letter_left .text,.letter_right .text{display:block; width:80%; color: #888; font-size: 16px; line-height:24px;}
.letter_right .text{width:100%; margin-top: .12rem}

.letter_right{width:51%; float: right}




.letter_box{ width:100%; display:block;  position: relative} 
.letter_box input{ width:100%;background: #fff; outline: none; color: #999999; text-transform: capitalize; font-size:16px; line-height: .78rem; padding: 0 170px 0 20px; box-sizing: border-box;  border:1px #e2e2e2 solid; border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,.1)}
.letter_box button{position:absolute; right: 4px; top: 4px; width:170px; height:.7rem; background:var(--main-color); border-radius:5px; display: flex; align-items: center; justify-content: center; color: #fff; text-transform: uppercase; font-family:'CircularStd Medium';}
.letter_box button:hover{background: var(--hover-color)} 
.letter_box input::input-placeholder{color:#999999; text-transform: uppercase;}
.letter_box input::-webkit-input-placeholder{color:#999999; text-transform: uppercase;}  
 

.newsletter .error_hint{display:block; color: #f13434; font-size:16px; margin: 6px 0; font-family:'CircularStd Bold';  text-align: left}
.newsletter .write_success{display:flex; align-items: center; justify-content: flex-start;font-size:16px; margin: 6px 0; font-family:'CircularStd Bold';  color: #333}
.newsletter .write_success i,.newsletter .write_error i{display:inline-block; color: #109507; font-size:15px; margin-right: .1rem}

.newsletter .write_error{display:flex; align-items: center;  justify-content: flex-start; font-size:16px; margin: 6px 0; font-family:'CircularStd Bold'; } 
.newsletter .write_error i{color: #f13434;}  



@media only screen and (max-width: 992px) { 
.letter_left,.letter_right{ width:100%; padding-left: 0}
	.letter_left .text, .letter_right .text{width:100%}
	.letter_left .i_title{margin-bottom:0 !important}
	.letter_right{margin-top:.2rem}
.newsletter{padding-bottom: .35rem}
.letter_left .wrap{padding-left: .25rem;}
	.letter_box input{ padding: 0 140px 0 20px;}
	.letter_box button{width:140px;}
}





.single{overflow: hidden;}
.single *{transition: 0.5s all;}
.single {position: relative;}
.single img {-webkit-transition: 0.5s;transition: 0.5s;}
.single .single_overlay {position: absolute;overflow: hidden;top: 10px;left: 10px;right: 10px;bottom: 10px;}
.single .single_overlay::before {content: '';-webkit-transition: 0.5s;transition: 0.5s;position: absolute;width: 100%;bottom: 0;height: 50%;background: rgba(0,0,0,0.4);right: -100%;}
.single .single_overlay::after {content: '';-webkit-transition: 0.5s;transition: 0.5s;position: absolute;background: rgba(0,0,0,0.4);top: 0;height: 50%;width: 100%;left: -100%;}
.single .single_overlay .icon {color: transparent;overflow: hidden;position: absolute;bottom:80px;text-align: center;left: 30px;margin: 0;-webkit-transition: 0.5s;transition: 0.5s;z-index: 2;  font-size:18px; line-height: 54px; font-family:'CircularStd Bold'; padding: 0 30px;}
.single .single_overlay .icon::before {content: '';background:var(--main-color);position: absolute;width: 100%;bottom: 0;-webkit-transition: 0.5s;transition: 0.5s;left: 100%;top: 0;right: auto;}
.single .single_overlay .p {color: transparent;overflow: hidden;z-index: 2;position: absolute;display: block;left: 30px;-webkit-transition: 0.5s;transition: 0.5s;line-height: 40px; padding: 0px 20px; bottom: 30px;}
.single .single_overlay .p i{  transition: 0s;}
.single  .single_overlay .p::before {content: '';background:rgba(255,255,255,1); width: 100%;top: 0;bottom: 0;position: absolute;-webkit-transition: 0.5s;transition: 0.5s;right: 100%;}
.li:hover .single .img img, .li:focus .single .img img {-webkit-transform: scale(1.03);transform: scale(1.03);}
.li:hover .single_overlay::before, .li:focus  .single_overlay::before {right: 0;opacity: 1;width: 100%;height: 50%;-webkit-transition: all .8s;transition: all .8s;}
.li:hover .single_overlay::after, .li:focus  .single_overlay::after {  left: 0;  opacity: 1;  -webkit-transition: all .8s;  transition: all .8s;}
.li:hover .single_overlay .p, .li:focus  .single_overlay .p {  color: #333333;}
.single:hover  .single_overlay .p::before, .single:focus  .single_overlay .p::before {  right: 0;}
.li:hover .single_overlay .icon, .li:focus  .single_overlay .icon {  color: #ffffff;}
.li:hover .single_overlay .icon::before, .single:focus  .single_overlay .icon::before {left: 0%;} 


  





  
#footer{color:#666; position: relative; overflow: hidden; background:#ebebeb; font-size: 16px; line-height: 24px;}
#footer ul li{list-style:none;}
#footer a{color:#666; font-size:16px}
#footer a:hover{text-decoration:underline; color:var(--main-color) !important }
#footer .ul li a{line-height:24px; color:#666; display: block;padding:0 0 14px 0; display:inline-block; position:relative;}


.card_wrap{width:100%; border-radius: 15px; box-shadow: 0 0 15px rgba(0,0,0,.06); background: #fff; padding: .35rem .35rem .4rem; box-sizing: border-box; text-align: left; margin-bottom: .2rem}
.card_wrap .title_h4{margin:0 0 .15rem 0 !important}
.card_wrap .text{display:block; color: #777; font-size:16px; line-height:26px}


 
.footer_list{ width:100%; margin: 0 auto; padding:.75rem 0 .1rem; overflow: hidden; position: relative;}   

#footer .footer_con{ float: left; width:37%; padding-right:6%}  
.contact_b{ width:100%; display:flex; flex-wrap: wrap; align-items: center;}
.contact_b li{ display:block; width:100%; margin-bottom: .14rem; position: relative; color: #666666; padding-left: 40px} 
.contact_b li:first-child{padding-left:0}
.contact_b li img{ position:absolute; left: 0; top: 5px;}  
.contact_b li a{ padding:0!important; display: block}
.contact_b li p{ display:block; width:100%; margin-bottom: .05rem; font-family: 'CircularStd Bold'} 
.contact_b li:nth-child(2) a{font-family: 'CircularStd Bold'; color:#333 !important; font-size: .2rem !important} 

 
#footer .share{width:100%; display:flex; flex-wrap: wrap; align-items: center; justify-content:flex-start; float: left; padding-top:.2rem} 
#footer .share li{ display:inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; list-style: none; margin:0 .1rem 0 0;transition: all .5s; width:.44rem; height: .44rem; background: #e0e0e0; border-radius: 50%; padding-left: 0} 
#footer .share li img{display:inline-block; max-height: .17rem; transition: all .5s;}
#footer .share li a{ padding:0; margin: 0; display: block; width:100%; height: 100%; display: flex; align-items: center; justify-content: center}  
#footer .share li:hover img{display:inline-block;  -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}  
#footer .share li:hover{background:var(--main-color)}

.bottom_logo{display:block; width:100%; text-align: left; margin-bottom: .32rem}
.footer_about{width:30%; float: left; padding-right: 7%;}
   
#footer .footer_follow{ float: left; width:18%; padding-right:3%;} 
#footer .footer_pro{ float: left; width:23%;} 
#footer .footer_tags{ width:29%; float:left; padding-right:3%;} 
#footer .footer_pro ul{display: flex;
  flex-flow: column wrap;
  max-height: 300px;}
#footer .footer_pro ul li{display:inline-block; width:60%}
#footer .footer_pro ul li:nth-child(2n){width:40%}



.mob_follow a{ display: inline-block; margin-right: 0.08rem;}
.footer_bottom{color: #666666;font-size: 16px; position: relative; z-index: 333; padding:0 0 .2rem 0; text-align: left; }
.footer_bottom>.container{ display:flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding-top: .2rem}
.footer_nav{ width:100%; text-align: left;}
.footer_bottom .link{ width:100%; text-align: left; display: block; margin:5px 0 0}
.footer_bottom .ipv6{ display: inline-block;}
.footer_bottom .main{ display: flex;align-items: center; flex-direction: row; width: 100%; height: 72px; justify-content: center;}
.footer_bottom .my_more1{ line-height: 62px; color:#666666 !important;}
.footer_bottom a{margin: 0 6px;color:#666666}
.footer_bottom .ipv6{margin-right: 6px;}
.footer_bottom .cop{ margin-bottom: 5px;}
.footer_bottom .ipv6 img{ margin-right: 0.04rem;}
.footer_bottom a{color:#666666 !important;}
*:focus {outline: none;} 
#footer .title_h4{color:#222; font-size:.2rem; position: relative; margin:.35rem 0 .26rem; font-family:'CircularStd Bold';  text-transform:capitalize;}
#footer .title_h4 img{ margin-right: 20px;}
.nav_list{ display:inline-flex; width:30%; justify-content:flex-end}
.link .conteiner{ display:block !important}

@media screen and (max-width:1260px) {
.footer_bottom .container{ display:block;}
	.footer_nav,.nav_list{ display:inline-block; width:auto} 
#footer .title_h4{font-size:18px;}
	#footer,.footer_about,#footer a{font-size:15px; line-height: 25px;}
	}

@media screen and (max-width:992px) {
#footer{ margin-top:0}
#footer{ font-size: 14px;}
#footer .footer_con{ width: 100%; padding-right: 0; padding-left: 0; padding-top:0} 
#footer .title_h4,#footer .footer_con .text,.footer_top .bottom_logo{ display: none;}
.card_wrap .title_h4{ display: block !important;}
.footer_bottom{ padding: 0 0 .2rem; margin-top: 0; margin-bottom: 0; border-bottom: none; text-align: left;}
.footer_bottom .left{ width: 100%; margin-bottom: 10px;}
.footer_bottom .right{ text-align: left;}
.footer_bottom .ipv6{float: none; margin-left: 0; display: inline-block;}
.footer_bottom .main{ align-items: flex-start;flex-direction: column; height: auto;}
.footer_bottom .main .left,.footer_bottom .main .right{ width: 100%;    align-content: flex-start; text-align: left; margin-top: 10px;}
#footer .footer_prolist { display: block !important; width: 100%; padding: 20px 0 !important; border:none;}
#footer .footer_prolist ul li{ float: left; width: 50%;}
.footer_bottom .my_more1,#footer .footer_about .footer_logo{ display: none;}
.footer_bottom .container{ display:block}
#footer .footer_about,.footer_links{ width: 100% !important; text-align: left !important; padding-right: 5%} 
.footer_list{padding:.45rem 0 .25rem}
.newsletter,.footer_top .i_title .p{ width:100%; max-width: 100%} 
.footer_top .i_title .title,.footer_nav{ width:100%;} 
#footer .newsletter,.footer_top .sns_con{ width:100%; display:block} 
	.footer_top:before{display:none}
	.footer_top{padding:.5rem 0}
	.footer_top .sns_con ul{padding-top:0}
	.footer_top .sns_con,.letter_box{ margin-top:.2rem}
	#footer .newsletter .text{display:none;}
}

 

@media screen and (max-width:768px) {
#footer .footer_con .p{ display: none;}
#footer .footer_email{padding-bottom: 0.2rem;}
#footer .footer_email .email_r{ display: block;}
#footer .footer_sns{margin-left: 0;}
	.footer_top .email{ width:90%}
	.footer_bottom{ font-size:14px}
	#footer .footer_follow ul li{ width:50% !important} 
}

@media screen and (max-width:667px) { 
	#footer .footer_links,#footer .footer_con{ width:100% !important; padding: 0 !important} 
	#footer .share{ justify-content: flex-start;} 
}



/*back-top*/
.progress-wrap {position: fixed;right: 0.3rem;bottom: 80px;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;border-radius: 50px;
box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);z-index: 8888888;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;
transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;font-family: 'FontAwesome';content: "\f106";text-align: center;
line-height: 0.46rem;font-size: 0.24rem;color:var(--hover-color);left: 0;top: 0;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;
z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path {stroke: var(--hover-color);stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;
transition: all 200ms linear;}


#whatsapp{z-index:666666;position:fixed;right:0.28rem;bottom:20px;font-size:12px; cursor: pointer}
#floatShow2{display:block;}
#floatHide2{display:none;}
#whatsapp_tab #floatShow2{line-height:48px; font-size:14px;text-transform:uppercase;transition: all .5s ease; display: block; padding-left: 48px;  height: 48px; background:var(--main-color);border-radius: 0; margin-bottom: -20px; min-width: 140px; border-top-left-radius: 5px; border-top-right-radius: 5px; color:#fff}
#whatsapp_tab #floatShow2 svg{ width: 30px; height:30px; fill:#fff;}

#whatsapp_tab .animated { opacity: 1; }
#whatsapp_tab #floatShow2 .online_icon{position: absolute;z-index:999;left: 0;top: 0;width:48px;height:48px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_icon i{ line-height: 0.5rem; font-size: 0.24rem; color:#fff}
#whatsapp_tab #floatShow2 .online_icon svg{width: 29px;height: 29px;fill: var(--main-color);transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open , #whatsapp_tab #floatShow .online_close{transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open{position: absolute;left: 0;top: 0;opacity: 0;display: inline-flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
#whatsapp_tab #floatShow2 .online_mobile{display: none;align-items: center;justify-content: center;width: 42px;height: 42px;transition: all .5s ease;}
#whatsapp_tab #floatShow2:hover .online_open{opacity: 1;}
#whatsapp_tab #floatShow2:hover .online_close{opacity:0;}
#whatsapp_tab #floatShow2:hover{margin-right:0;}

#whatsapp_tab #floatShow2 p{color: #fff; line-height: 1.5; margin-right: 15px; transition: all .4s ease; -webkit-transition: all .4s ease;-moz-transition: all .4s ease; height: 50px; line-height: 50px; font-size:18px; text-transform:capitalize; font-family:'CircularStd Bold'; }
#whatsapp_tab #floatShow2:hover{margin-right:0;}
#whatsapp_tab #floatHide2{font-family: "FontAwesome";height:100%; color: #fff; width: 100%; border-radius: 50%; text-align: center; position: absolute;transition: all .5s ease;display: block;opacity: 0;transform: scale(0) rotate(-1turn); width: 50px; height: 50px; position: absolute; right: 0; bottom: 0; background: var(--main-color);}
#whatsapp_tab #floatHide2:after{border-radius: 0;color:#999;font-family: "FontAwesome";font-size:20px; content: "\f00d";color: #fff; line-height: 50px;}
#whatsapp_tab #floatShow2:hover,#whatsapp_tab #floatHide2:hover{text-decoration:none;}
#onlineService2{display:inline;width:350px;display:none;font-size: 16px;border-top:none; margin-bottom: 0;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px; border-radius: 5px;background: #f9fafa; margin-right: 60px;}

#onlineService2 .title{background:var(--main-color);  display: flex; fill:#fff; padding:12px 20px;align-items: center; text-transform: uppercase;}
#onlineService2 .title i{ color: #fff; font-size: 0.3rem; margin-right: 10px; line-height: 0.2rem;}
#onlineService2 .title .h4{ color: #fff; font-size: 0.16rem; font-family:'CircularStd Bold'; }
#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:#55CD6C; margin-right:10px;}
#onlineService2 .li a:hover{ background-color: #ddd;}

#onlineService2 .inquiry_text_p{ font-size: 14px; text-transform: capitalize; text-decoration: underline}
#onlineService2 .inquiry_text_p:hover{ color: #39bccb;cursor: pointer}
#onlineService2 .call-hours{ padding: 0 0.2rem 0.2rem; width: 100%; font-size: 14px; line-height: 0.24rem; display: none}
#onlineService2 .con_btn{ background: var(--main-color); color: #fff; line-height: 0.22rem; display:block; padding:10px;  font-size: 16px; text-align: center; font-family:'CircularStd Bold'; }
#onlineService2 .con_btn span{ text-transform: uppercase;}

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

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



/*fixed-contact*/
.fixed-contact {z-index:999999;position:fixed;right:0;top:40%;width:50px;margin-top:-90px;overflow:hidden;opacity:0;filter:alpha(opacity=0);transition:all .4s;transform: translateX(95px);-webkit-transform: translateX(95px);-moz-transform: translateX(95px);}
.fixed-contact.show{  transform:none; opacity:1;filter:alpha(opacity=100); }
.fixed-contact.active {width:280px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;background:var(--main-color); background-size: cover; border-bottom: 1px solid rgba(255,255,255,0.2); }
.fixed-contact.active li a {opacity: 1;}
.fixed-contact li a {position:relative;z-index:1000;display:block;}
.fixed-contact li i{ width: 50px; height:50px; color:#fff; font-size: 18px; line-height: 50px; display: inline-block; text-align: center;}

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


.fixed-contact li a,.fixed-contact li span {
    position:absolute;
    top:0;
    right:-135px;
    display:block;
    width:235px;
	line-height:110%;
    padding:18px 0 0 50px;
 color:#fff;
    white-space:nowrap;
    transition:all .4s;
	font-size:16px;
	text-align: left;
	opacity: 0;
}
.fixed-contact.active li a,.fixed-contact.active li span {right:50px;}
.fixed-contact .online_code span img{max-width:80px; margin: 0 4px;}
.fixed-contact .online_code p{ margin-bottom: 8px;}
.fixed-contact.active .online_code{height:130px;}
.fixed-contact.active .online_code span p{margin:0;margin-bottom:5px;}
.fixed-contact.active .online_code span,.fixed-contact li.online_code:hover span{opacity:1; right: auto;left: 0;}

@media only screen and (max-width: 992px) {
	.fixed-contact{display:none !important;}
	.fixed-contact.show{opacity:0;}
}


.mobile_nav{position:fixed;left:0;bottom:0;width:100%;padding:0;display:none;z-index:77777;box-shadow:0 0 10px 0 rgba(255,255,255,0.4);-webkit-box-shadow:0 0 15px 0 rgba(255,255,255,0.4);border-radius:2px 2px 0 0;background:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px;box-shadow: 2px 0 20px 0 rgb(0 0 0 / 8%);}
.mobile_nav a{width:20%;padding:0 4px;float:left;text-align:center;}
.mobile_nav a .icon{width:0.24rem;height:0.24rem;display:inline-block; fill:#808080; margin-top: 0.1rem;}
.mobile_nav a p{color:#666;font-size: 12px;text-transform:uppercase;line-height:12px;margin:0; margin-bottom: 0.1rem;}
.mobile_nav a:nth-child(3),.mobile_nav a:nth-child(4){ float: right;}

@media only screen and (max-width: 768px){
.mobile_nav{display:block;}
.mobile_nav a p{text-transform:capitalize;}
.footer_bottom{ padding-bottom:0.8rem !important;}
	#footer .footer_con{ padding: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:#333 url(../images/icon.png) no-repeat  -128px -218px;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:10px;margin-left:-25px;border:3px solid #fff;padding:0;box-shadow:none;border-radius:50%;text-indent:-999999px; z-index: 6666666;}
	#online_qq_tab #floatShow i{display:none;}
	#online_qq_tab #floatShow span{ display:none;}
	.footer-bottom{padding-bottom:60px;}
	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}
	#onlineService .title{ color: #fff; font-size: 18px;}
	#online_qq_layer{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	.mobile_nav{display:block;
		box-sizing: content-box; 
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		background:#fff; z-index:99999
	}
	.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;}
}

.map{ display:block; width:100%; margin: 0 auto}
.map img{display:block; width:100%}
.n_main .i_title .title{font-size:.45rem; line-height: .5rem}
.n_main{  padding: 0.5rem 0 .85rem;}
.n_left{float: left; width:21%; position: relative;}
.n_left2{float: right; width:21%; position: relative;}
.n_right{float: right; width: 79%; padding-left: 0.4rem; }
.n_right2{float: left; width:79%;  padding-right: 0.4rem;}
@media only screen and (max-width:1300px) {
.n_left{float: left; width:21%; position: relative;}
.n_right{float: right; width: 79%; padding-left: 0.4rem;}
.n_left2{float: right; width: 21%; }
.n_right2{float: left; width:79%;  padding-right: 0.4rem;}
}
@media only screen and (max-width:992px) {
.n_main{ padding:.3rem 0 0.5rem 0;}
.n_left{width: 100%; padding-right: 0;}
.n_right{width: 100%; padding: 0; margin-top: 0.2rem;}
.n_left2{width: 100%; margin-bottom: 0.2rem; padding-left: 0;}
.n_right2{width: 100%; padding: 0;}
}


.n_banner{ position: relative; z-index: 666;  margin-top: .96rem}
.n_banner img{width: 100%;}

.n_banner .b_title{position:absolute; left:0; right: 0; margin: 0 auto; bottom:38%;} 
.n_banner .n_title{color:#fff; margin-bottom:.1rem !important}
.n_banner .b_title p{display:block; color: #fff; font-size: 16px; text-transform: uppercase; text-align: center}

.n_title{ color: #333; text-transform: capitalize; font-size: 0.36rem; line-height: 0.4rem; z-index: 999; position: relative; margin:0 0 20px; font-family:'CircularStd Medium'; }  
.blog .n_title:after,.products .n_title:after,.sitemap .n_title:after{left: 0; top: 50%; height: 24px; width: 5px; margin-top: -12px; margin-left: 0;}
.mbx_section{width: 100%; z-index: 99999; margin: 0 auto; background: #f0f0f0}
.mbx_section .mbx{position: relative; display: inline-block; padding:.1rem 0;} 
.mbx_section span{ margin-right: 0.04rem; color:var(--main-color);}
.mbx_section i{ color:var(--main-color); margin: 0px 0.1rem;}
.mbx_section a,.mbx_section h2,.mbx_section a, .mbx_section p{ font-size: 14px; color: #666; font-weight: normal;display: inline-block; text-transform: capitalize;}

@media only screen and (max-width:992px) {
.n_banner{ min-height:0; padding:0; margin-top: 0}
.mbx_section{margin-top:.65rem; background: #fff} 
.mbx_section .mbx{ float: none; margin: 0; padding: .2rem 0 0}
.mbx_section a,.mbx_section h2,.mbx_section a, .mbx_section p{ font-size: 14px;}
}


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

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

/*mes_section*/
.page_bg{background:linear-gradient(#fff , #f5f5f5); padding-bottom: .6rem}
.page_bg .page_main:after{box-shadow: 0 14px 25px rgba(0,0,0,.06); background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 50%;}



 
.n_main1{ background:#f7f7f7; margin-top: .65rem}

.send_column{width:100%; background: #fff; border-radius: 25px; box-shadow: 0 0 30px rgba(0,0,0,.1); padding: .3rem; box-sizing: border-box}


.contact_column{grid-template-columns: repeat(2, 1fr); gap: 20px; display: grid; padding-top: .2rem}
.contact_right{font-size: 18px; padding: 0.3rem;  background-color: #f6f6f6; border-radius: 30px}
 
.contact_right .text ul{padding-left:0.2rem;}
.contact_right .text em{font-style: italic;}

.contact_right .social_icons{margin-top: 40px;    display: flex;  flex-wrap: wrap; align-items: center;}
.contact_right .social_icons li {list-style:none; margin-right: 5px}
.contact_right .social_icons li a{  display: inline-flex; align-items: center; justify-content: center;width: 36px; height: 36px; border-radius: 3px; background:var(--main-color);}
.contact_right .social_icons li.page_title1{    display: block; margin-bottom: 20px; padding-bottom: 15px !important;width: 100%;}
.contact_right .social_icons li a img{display:block;  -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}

.page_title1{display: block;margin-bottom: 0.1rem;font-size: 0.25rem;line-height:0.32rem;text-transform:capitalize;color: #000;padding-bottom: 0;position: relative;  font-style:normal; text-align: left; border-bottom: 1px solid #ddd;padding-bottom: 0.1rem; font-family: 'CircularStd Bold'} 


.contact_info{position:relative;  }
.contact_info ul{list-style:none;padding:0;margin-right: -15px;margin-left: -15px;}
.contact_info ul li{position:relative;z-index:2;margin-top: 0.1rem;width: 100%;}
.contact_info ul li .column{  display: flex; width: 100%;    position: relative;   border-radius: 0rem;}
.contact_info ul li .wrap{padding-left: 10px;}
.contact_info ul li em{font-size:16px; font-style: normal; color:#333; text-transform:capitalize; margin-bottom:0.05rem;line-height:24px;position:relative;display:block; font-family: 'CircularStd Bold' }
.contact_info ul li .txt{    font-size: 15px;line-height:22px;color:#808080;padding:0;width:100%;text-transform:uppercase;margin-top:5px;display: block;}

.contact_info .icon{position:relative;margin-bottom:10px;text-align:center;display:inline-flex; align-items: center; justify-content: center;height: 50px;width: 50px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; }

.contact_info ul li span{display:inline-block;width:50px;height:50px;background-repeat:no-repeat;transition:all .5s;background-image:url(../images/icon.png);position:relative;z-index: 2; }
.contact_info ul li p{font-size: 16px;line-height:22px;margin:0;margin-bottom:0.05rem;    }
.contact_info ul li p a:hover{color:var(--main-color);}



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

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

@media only screen and (max-width:1260px) {
.mes_section .mes_right>img{min-height: 600px; width: auto; max-width: none;}
.mes_section .mes_right .mes_con{width: 80%;}
	.contact_list ul li p span{font-size:16px; line-height: 25px;}
	.contact_list ul li p,.contact_list ul li a{font-size:18px; line-height: 26px;}
}

@media only screen and (max-width:992px) { 
	.contact_column{display:block}
	.contact_right,.send_column{width:100%}
	.send_column{margin-top:.25rem}
}


@media only screen and (max-width:768px) {
	.contact_info ul{display: block;}
	.contact_info ul li{margin-bottom: 10px;}
	.mes_section .mess_main{margin-bottom: 30px;}
	.contact_list,.map{width:100%}
	.contact_list ul li{margin-bottom:.2rem} 
}

.n_honor{ padding-top:.25rem}
.n_honor ul{display:flex; flex-wrap: wrap}
.n_honor ul li{ list-style: none;  width: 16.66666666666667%; padding: 0px 10px; text-align: center; margin-bottom: 20px;}
.n_case ul li{ padding:0; margin-bottom: 0;}
.n_honor ul li .li{ position: relative; display: inline-block;}
.n_honor ul li:nth-child(5n+1){ clear: both;}
.n_honor ul li img{border: 1px solid #eee;}
.n_honor ul li p{font-size: 18px; margin-top: 10px;  color: #333; font-weight: 500}

@media only screen and (max-width:1260px) {
.n_honor ul li{ width: 20%;} 
}

@media only screen and (max-width:992px) {
.n_honor ul li{ width: 33.33%;} 
}

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


.section_title{ font-size:0.26rem; color: #333; text-transform:capitalize; line-height: 30px; position: relative;  font-family:'CircularStd Bold';  margin-bottom: 10px;}
.section_title img{ float: left;}
@media only screen and (max-width:992px) {
.section_title{font-size: 20px; letter-spacing: 0; margin-bottom:5px;}
}
.section_title img{ float: left; margin-right: 20px;}



.left_nav{  border-top: none; overflow: hidden}
ul.mtree{opacity: 0;margin-left: 0; border-top: none; padding: 15px 0 5px}
ul.mtree a:hover{ color: var(--hover-color); text-decoration: underline;}
ul.mtree li {list-style: none;}
ul.mtree>li>a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; display: flex;align-items: center; height:50px; color: #101010; font-size: 16px; font-family:'CircularStd Medium'; }
ul.mtree>li>a i{ width: 0.5rem; height:46px; padding: 0.05rem; display: inline-block; margin-right: 0.15rem; border-right:1px solid #fff;}
ul.mtree>li>a i img{filter: brightness(0);filter: black; opacity: 0.3;transition: 0.3s all;}
ul.mtree>li>a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; display: flex;align-items: center;  height:46px; color: #101010; font-size: 16px; }
ul.mtree>li>a i{ width: 0.5rem; height:46px; padding: 0.05rem; display: inline-block; margin-right: 0.15rem; border-right:1px solid #fff;}
ul.mtree>li>a i img{filter: brightness(0);filter: black; opacity: 0.3;transition: 0.3s all;}

ul.mtree>li{ position: relative; background: #fff; margin-bottom: 6px; border-bottom:1px #eee solid}
ul.mtree li:last-child{ border: none;}
ul.mtree a {display: block;  color:#666;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;line-height:22px; padding-right:0.36rem;}
ul.mtree li ul a{ line-height:46px; padding: 0 0.15rem; padding-right:24px;; color: #fff; font-size: 16px;}
ul.mtree ul li:last-child a{ border:none;}
ul.mtree.transit li.mtree-open>span:before  {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal;  height: 46px; line-height:46px; width: 0.3rem; position:absolute;  right:0; top:0px; color: var(--main-color);}
ul.mtree.transit li.mtree-closed>span:before {content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal; height: 46px;line-height:46px; width: 0.3rem; position:absolute;  right:0; top:0px; color: #666;}
ul.mtree .mtree-level-1 li.mtree-open>span:before {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal; height: 46px; width: 0.3rem; line-height: 46px; background:none;position:absolute;  right:0; top:0; border-left:none; color: var(--main-color);}
ul.mtree .mtree-level-1 li.mtree-closed>span:before{content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal; height: 46px; width: 0.3rem; line-height: 46px; background:none; position:absolute;  right:0; top:0; border-left:none; color: #666;}
ul.mtree li ul a li a{ padding-left:20px;}
ul.mtree>li:hover>a{color:var(--main-color);}
ul.mtree>li.mtree-open{color:var(--main-color); padding-bottom:0;}
ul.mtree>li.mtree-open>a{ color:var(--main-color);}
ul.mtree ul { background: #fff;}
ul.mtree ul li{list-style:none; position:relative; border-bottom: 1px solid #f0f0f0;}
ul.mtree ul li.active a{ color: var(--main-color)}
ul.mtree ul li:last-child{ border-bottom: none;}
ul.mtree ul li a{display:block;color:#111;}
ul.mtree>li>ul>li>a:before{content:"";}
ul.mtree>li>ul>li>a:before{content:"";}
ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; background:#fff; padding: 0 6px;}
ul.mtree li ul.mtree-level-2 li{border: none; background: #fff;}
ul.mtree li ul.mtree-level-2 li a{ padding-left:0; color: #666; padding-left: 25px; font-size:14px; position: relative}
ul.mtree li ul.mtree-level-2 li a:before{position:absolute; content:''; width:5px; height: 5px; background: var(--main-color); left: 10px; top: 40%; border-radius: 50%}
ul.mtree li ul.mtree-level-2 li.active a{ color: var(--main-color);}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:var(--main-color) ;font-weight:normal;}
ul.mtree.jet ul {margin-left: 0;}
ul.mtree.jet li {margin-bottom: 1px;}
ul.mtree.jet li:last-child {margin-bottom: 0px;}
ul.mtree.jet li:first-child {margin-top: 1px;}
ul.mtree.jet li.mtree-active a {background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a {background: var(--main-color);color:#fff; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: var(--main-color);color:#fff;}
ul.mtree.jet a { padding: 5px 0px 5px 1em;}
ul.mtree.jet li li > a { padding-left: 2em;}

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

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

.left_h4{line-height: 0.3rem; color: #222;font-size:0.26rem; position:inherit; text-transform:capitalize;position: relative;  border-bottom: 1px solid #333; padding-bottom: 10px; font-family:'CircularStd Bold'; }
@media only screen and (max-width:992px) {
.left_nav{padding: 0; border: 0;}
.toggle_content{padding: 10px;}
}

.nav_h4{line-height: 0.3rem; color: #101010; font-size:0.24rem; position:inherit; text-transform:capitalize;position: relative;  line-height: 28px; padding:0 0 .1rem; font-family:'CircularStd Bold'; border-bottom:1px #333 solid;}
.nav_h4::after{ content:none;} 
.toggle_content{width: 100%;}
@media only screen and (max-width:992px) {
.nav_h4,.left_h4{ position:relative;color:#fff;padding:0px 0.1rem; font-size:18px; line-height: 0.5rem; margin-bottom: 0; background:var(--main-color); border-radius: 5px;}
.nav_h4:before{ content:none;}
.nav_h4:after ,.left_h4:after{  display: block;  content: "\f107";  font-family: "FontAwesome";  position: absolute;  right:0.15rem;  cursor:pointer; font-size:0.2rem; top:0px;  color:#fff;}
}


.hot_left{ position: relative;margin-top:30px;background: #fff;}
.hot_left ul{padding: 0.2rem 0;}
.hot_left ul li{list-style: none;}
.hot_left .li{float: left; width: 100%;  margin-bottom: 14px; position: relative; background: #f9f9f9; overflow: hidden; border-radius: 5px;}
.hot_left .li .img{ float: left; width: 100px; overflow: hidden; padding: 8px; background: #fff;}
.hot_left .li .img img{ box-shadow: 0 10px 24px 0px rgba(0, 0, 0, .2);}
.hot_left .li .wrap{display:inline-block; width:calc(100% - 100px); text-align: left; padding-left: .1rem; box-sizing: border-box}
.hot_left .li .title{overflow: hidden; display: block;  font-size: 15px; line-height: 22px; max-height:44px; overflow: hidden; color: #333; margin-top: 10px; padding-right: .08rem; }
.hot_left .li .more{  color: var(--main-color); text-transform: capitalize; font-size: 13px; text-decoration: underline; text-transform: uppercase}
.hot_left ul li:last-child .li{margin-bottom: 0;}
.hot_left .li:hover .img img{transform: scale(1.06);}
.hot_left .li .title:hover{  color:var(--main-color)}
.hot_left .li .more:hover{text-decoration: none}


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


.left-adv{margin-top:30px;width:100%;background-size:cover;text-align: center;position:relative; border-radius: 0; overflow: hidden;}
.left-adv .ovrly{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: block;background:#000;opacity: 0.4;filter: alpha(opacity=0.4);transition:all .5s;border-radius:0;}
.left-adv .main{position:relative;left:0;top:0;padding:0.2rem 0.2rem 0.4rem; z-index:2;text-align: left;}
.left-adv .icon{width: 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-size:0.24rem;line-height:28px;color:#fff;text-transform: capitalize;margin-top:10px;margin-bottom:10px;display:block;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 10px 0;   }
.left-adv .main .title:hover{text-decoration:none;}
.left-adv .main .text{color:#fff;line-height:24px; margin-bottom: 20px; }
.left-adv .main:after{background-position:-331px -103px; vertical-align: middle;margin-top: -1px;content:'';display: inline-block;margin-left: 10px;opacity: 1;position: relative;right: auto;top: auto;}
.left-adv .main:hover:after{animation:none;}
.left-adv .main:before{position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 90%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 60%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;border-radius: 0;border: none;}
.left-adv .my_more1{ border:none;}
@media only screen and (max-width:992px) {
.left-adv{ display: none;}
}


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

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

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


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


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


.tags_ul{margin: 0.15rem 0 .2rem; padding-top: .05rem; overflow: hidden;}
.tags_ul span{  text-transform:capitalize; color:#333; margin-right:0.06rem; font-size:16px;font-family:'CircularStd Bold'; }
.tags_ul a{ display:inline-block; padding:0.03rem 0.2rem; text-transform: capitalize; background:#e5e5e5; font-size: 14px; margin: 1px; color: #555;border-radius: 4px;  }
.tags_ul h2{display:inline-block}
.tags_ul h2 a{ font-size:14px; font-weight: 300}
.tags_ul i{margin-right: 10px; color: #333;}
.tags_ul a:hover{ background:var(--main-color); color: #fff;}
@media screen and (max-width: 992px) {
	.tags_ul{ width:100%;}	
}

.blog_nav{ margin-top: 0.3rem;overflow: hidden;}
.blog_nav .toggle_content{padding:0;}
.blog_nav ul li{ list-style:none; background: #fff; margin-bottom: 6px; border-bottom: 1px solid #e0e0e0;}
.blog_nav ul li:last-child{ border-bottom: none;}
.blog_nav ul li a{ font-size:16px; color:#333; line-height:0.22rem; padding:0.12rem 0; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.blog_nav ul li a i{ color:#ccc;  margin-right:0.1rem;}
.blog_nav ul li a:hover{ color:var(--main-color); padding-left:0.1rem;}
.blog_nav ul li a:hover i{ color:var(--main-color);}


.hot_tags{ margin-top:30px;}
.hot_tags .toggle_content{padding: 0.2rem 0;}
.hot_tags a{ display:inline-block; padding: 0.07rem 0.1rem; text-transform: capitalize; font-size: 14px; color: #333; background:#f6f6f6; border-radius: 4px; margin:2px; line-height: 20px}
.hot_tags a:hover{background: var(--main-color); color:#fff;}

@media screen and (max-width: 992px) {
   .blog_nav,.hot_tags,.left_nav{ border: none; padding: 0; margin: 0; margin-top:0.15rem; border-radius: 5px; border: none;}

}


/*产品列表*/
.products_m{ margin-bottom:15px;}

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

/* General list */
.cbp-vm-switcher ul {list-style: none;padding: 0;}
.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { content: " "; display: table; }
.cbp-vm-switcher ul:after { clear: both; }
.cbp-vm-switcher ul li {display: block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.cbp-vm-switcher ul li .img{ border:none; display: block; overflow: hidden;}
.cbp-vm-switcher ul li .title{ font-family:'CircularStd Bold'; ; font-size: 17px; color: #333; line-height: 24px; height: 48px; display: block; overflow: hidden; position: relative;}
.cbp-vm-switcher ul li .title:after{ position: absolute; left: 0; bottom: -10px; width: 30px; height: 2px; content: ''; background: var(--main-color);}
.cbp-vm-switcher ul li .more{ border: 1px solid #00529b; width: 37px; height: 37px; display: inline-block; margin-top: 15px;background-image: url("data:image/svg+xml,%3Csvg t='1745301541514' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2770' width='20' height='20'%3E%3Cpath d='M254.1 926.7l-0.7-0.7v0.3l52.4 52.4 467-466.9-466.1-466-51.9 51.8L669 511.8z' p-id='2771' fill='%2300529b'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-size:15px auto; background-repeat: no-repeat;}
.cbp-vm-switcher ul li:hover .more{ background-color: var(--hover-color);background-image: url("data:image/svg+xml,%3Csvg t='1745301541514' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2770' width='20' height='20'%3E%3Cpath d='M254.1 926.7l-0.7-0.7v0.3l52.4 52.4 467-466.9-466.1-466-51.9 51.8L669 511.8z' p-id='2771' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}

.cbp-vm-image {display: block;margin: 0 auto;position:relative;}
.cbp-vm-image img {width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%;}
.cbp-vm-image .img{ display: block; overflow: hidden;}
.cbp-vm-switcher .li:hover .img img{ transform: scale(1.1);}

/* List view */


/*list1*/
.cbp-vm-view-grid ul{margin: 0 -10px; display: flex; flex-wrap: wrap; margin-top: 15px}
.cbp-vm-view-grid ul li {margin-bottom: 20px;}
.cbp-vm-view-grid ul li .li{ background: #fff; transition: 0.5s; overflow: hidden; border: 1px solid #eee; padding: 12px; border-radius: 15px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.08)}
.cbp-vm-view-grid ul li .li .text{ padding: 15px; background:#f7f7f7;}
.cbp-vm-view-grid ul li .li:hover{ box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); background: #fff;}
.cbp-vm-view-grid ul li {width:25%;text-align: left;vertical-align: top;float:left; padding: 0 6px;} 
.cbp-vm-view-grid ul li .tags_ul{ display: none;}
.cbp-vm-view-grid ul li .p{ line-height: 24px; height: 48px; overflow: hidden; color: #808080; margin: 10px 0; display: none;}
.cbp-vm-view-grid ul li .li .text .my_more1{ height: 24px; background: none; padding: 0; color: var(--main-color) !important; font-family:'CircularStd Bold';  font-size: 16px; border:none; margin-top: 5px}
.cbp-vm-view-grid ul li .li .text .my_more1:after{ display: none;}
.cbp-vm-view-grid ul li .li .text .my_more1:hover{ color: var(--hover-color) !important; text-decoration: underline; box-shadow: none;}
.cbp-vm-view-grid ul li .li .text .my_more1:hover:after{ display: none;}


/*list2*/
.cbp-vm-view-list li {text-align:left;white-space:normal;  margin-bottom:0; }
.cbp-vm-view-list li .i_more{ margin-top:0px; }
.cbp-vm-view-list li{ margin-bottom: 0.2rem;}
.cbp-vm-view-list li:last-child{ border-bottom: 1px solid #eee;}
.cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table;}
.cbp-vm-view-list li:after { clear: both; }
.cbp-vm-view-list ul li .li{ display: flex;}
.cbp-vm-view-list ul li .title{ max-height: 48px; height: auto; font-size: 18px;}
.cbp-vm-view-list ul li .p{color:#666;overflow:hidden; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; line-height: 20px; height: 40px; margin-top: 8px;}
.cbp-vm-view-list ul li .li{ padding-bottom:10px; padding-right: .8rem; background: #fff; padding: 0.15rem; background: #fff;}
.cbp-vm-view-list ul li .inquiry_btn{ left: auto; right: 20px; padding-left: 15px; padding-right: 40px;}
.cbp-vm-view-list ul li .checkbox-tile:before{ left: auto; right: 40px;}
.cbp-vm-view-list ul li .img{ border-bottom:none; flex-shrink: 0; width: 2.6rem; margin-right: 20px;}
@media only screen and (max-width:1206px) {
	.cbp-vm-view-grid ul li{width:33.33%}
}
@media only screen and (max-width:768px) {
	.cbp-vm-options{display: none;}
	.cbp-vm-view-grid ul li {width:50%;text-align: left;vertical-align: top;float:left; padding: 0 10px;} 
	.pro_main ul li .title{font-size: 14px;}
}

@media only screen and (max-width:400px) {
	.cbp-vm-view-grid ul li{width: 100%;}
}

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

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

.news_left:hover .post-image-mask span,
.news_left:hover .post-image-mask span{
	transition-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}


.news ul{display:flex; flex-wrap: wrap; padding-top: .15rem}
.news ul li{float: left; list-style: none; width:23.5%; margin: 0 2% .3rem 0}
.news ul li:nth-child(4n){ margin-right:0}
.news ul li .li{ background: #fff;  position: relative; transition: 0.5s all; overflow: hidden; border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,.1)}
.news ul li .li .news_title{ background: #fff;}
.news .img{ width:100%; overflow:hidden; display:block; position:relative;transition: 0.5s all; flex-shrink: 0;}
.news .text{ width:100%;transition: 0.5s all; }
.news .img img{ width:100%;}
.news .li .title{ line-height: 24px; font-size: 18px; height: 48px; color:#101010; display:block; overflow:hidden; font-family:'CircularStd Medium'; } 
.news  ul li{ list-style:none; margin-bottom:0.3rem;  transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; }
.news .li .title:hover{ color: var(--main-color);}  
.news ul li .news_date{ font-size: 15px; color: #808080; font-family:'CircularStd Bold';  text-transform: uppercase;}
.news ul li .li .main{ padding: 0.2rem 0.2rem .3rem .2rem; width: 100%; display: block; text-align: left; box-sizing: border-box}
.news  ul li p{color:#555; max-height:48px; overflow:hidden; line-height:24px; margin-bottom:10px;}
.news  ul li:hover .img{background: #000;}
.news  ul li:hover .img img{transform: scale(1.1); opacity: 0.7;}
.news  ul li .img{ position: relative; flex-shrink: 0;}
.news  ul li .img img{ width: 100%;}
.news ul li .li .my_more{display:inline-block; width: auto; margin: .05rem 0; line-height: 16px; position: relative}
.news ul li .li .my_more:before{ position:absolute; content:'\f105'; color: var(--main-color); font-size:30px; font-family: 'fontawesome'; left: 0; top: 0}

.blog_title{ color: #333; font-size: 0.26rem; font-family:'CircularStd Bold'; }
.blog-info i{ margin-right: 0.06rem; color: #aaa;}
.page_detail{}
.page_detail .main{ padding:0.3rem 0 0.25rem; padding-bottom: 0;}
.page_title{padding:0;}

.news2 ul li .li{display: block;}
.news2 ul li .li .main{ padding: 0; margin-top: 10px;}
.news2 .img{width: 100%;}
.news2 .text{width: 100%; margin-top: 10px; padding-left: 0;}

.news_day{color:#999; margin-top: .04rem}
.news_day i{display:inline-block; margin-right: .06rem}


@media screen and (max-width: 992px) { 
.news ul li{ width:48.5%; margin: 0 3% .3rem 0 !important}
.news ul li:nth-child(2n){ margin-right:0 !important}	

}
 


@media screen and (max-width: 480px) {
.news ul li{ width:100%; margin: 0 0 .25rem 0 !important} 
}



/*sitemap*/
.sitemap{width:100%;}
.stp-listA>li{text-transform:capitalize;list-style:none;margin-bottom: 0.15rem;background:#fff;border-radius: 5px;overflow: hidden;}
.stp-top{width:100%;background:#f0f2f4;}
.stp-top .page_info_title{font-size:18px;line-height:24px;text-transform:capitalize;display:block; padding:0;padding:0.1rem 0.2rem;transition:all .5s; color: #333; font-family:'CircularStd Bold'; }
.stp-top .page_info_title:hover{text-decoration:none;color:var(--main-color);}
.stp-top .page_info_title i{padding-left:0.05rem;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.stp-top .page_info_title:hover i{padding-left:0.08rem;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.stp-listB{display:block;padding:0.15rem;border:1px solid #eee;border-top:none;padding:.2rem;list-style:none;margin-top:-1px;background:#fff;border-radius:0;}
.stp-listB>li{width:25%;padding:0.08rem 0.1rem;float:left;overflow:hidden;}
.stp-listB>li>a{line-height:0.22rem;display:block;color:#4d4d4d;}
.stp-listB>li>a i{padding-right:0.05rem;}
.stp-listB>li:hover>a{color:var(--main-color); text-decoration: underline;}
.stp-listB>li:nth-child(4n+1){clear: both;}
.stp-pro .stp-listB>li{width: 100%;margin-bottom:0.2rem;padding-bottom:0.2rem;border-bottom:1px solid #eee;}
.stp-pro .stp-listB>li:last-child{border-bottom:none;padding-bottom:0;}
.stp-pro .stp-listB>li .top{display: flex;align-items: flex-end;}
.stp-pro .stp-listB>li .image{max-width:0.48rem;min-width:0.48rem;}
.stp-pro .stp-listB>li .title{line-height:0.24rem;text-transform:capitalize;display:block;}
.stp-pro .stp-listB>li .title:after{content:"\f105";font-family:'FontAwesome';padding-left:0.06rem;color:#ccc;}
.stp-pro .stp-listB>li .title:hover{color:var(--main-color) ;text-decoration:none;}
.stp-pro .stp-listB>li .title:hover:after{color:var(--main-color) ;}
.stp-listB li .stp-listC{width:100%; padding-top:0.2rem;list-style:none;}
.stp-listB li .stp-listC li{width:100%;margin-bottom:0.08rem;float:left;}
.stp-listB li .stp-listC li a{ font-size:16px;-webkit-transition:all var(--transition-time,500ms);-o-transition:all var(--transition-time,500ms);transition:all var(--transition-time,500ms);}.stp-listB li .stp-listC li a i{padding-right:0.05rem;}
.stp-listB li .stp-listC li a:hover{color:var(--main-color) ;}


@media only screen and (max-width: 768px){
	.stp-listA{padding: 0;}
	.stp-listB>li{width:50%;padding:4px 0;}
	.stp-listB>li:nth-child(2n+1){clear: both;}
	.stp-listB{border-width:1px;padding:15px;}
	.stp-pro .stp-listB>li .image{max-width:32px;min-width:32px;}
	.stp-listB li .stp-listC li{width: 100%;}
	.stp-listB>li>a{font-size:14px;}
	.stp-top .page_info_title{font-size:14px;padding:10px 10px;}
	.stp-listB li .stp-listC li a{font-size: 13px;}
}
@media only screen and (max-width: 400px){
	.stp-listB li{width:100%;margin-right:0;margin-bottom:2%;}
}



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

/* CSS for the loading div */
.prom_img{padding:0;text-align:center;padding-right:0;border-radius: 0;}
.prom_img .swiper-slide{ position: relative; display: inline-block; }
.prom_img #pro_img_gallery{ overflow: inherit; border: 2px solid #eee;}
.prom_img #pro_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1; }
.prom_img #pro_img_gallery .swiper-slide-active{  opacity: 1 !important; z-index: 3;}
.prom_img #pro_img_gallery .swiper-slide img{width: 100%;}
.prom_img .video_play .video_buttom:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 20px;color: #fff;line-height: 60px;font-family: 'FontAwesome';content:"\f04b";z-index: 2;border-radius: 5px;background: var(--main-color);width: 60px;height: 60px;text-align: center; cursor: pointer;}
.cloud-zoom-lens{ background:#000  !important;  opacity: 0.1 !important;}
.prom_img .swiper-slide iframe{ position: absolute; z-index: 66; width: 100%; left: 0; top: 0; height: 100%;}
#pro_img_thumbs{padding-top: 15px;}
#pro_img_thumbs .swiper-slide{border-radius: 0;overflow: hidden;cursor: pointer;border: 1px solid #eee;padding: 0;}
#pro_img_thumbs .swiper-slide-thumb-active{border: 1px solid var(--main-color) ; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: var(--main-color);}
.prom_img .sp-video-icon{position: relative;}
.prom_img .sp-video-icon img{opacity: 0.5;  border-radius: 0;}
.prom_img .sp-video-icon:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #fff;line-height: 30px;font-family: 'FontAwesome';content:"\f04b";z-index: 2;border-radius: 5px;background: var(--main-color);width: 30px;height: 30px;text-align: center;}
.zoomImg{transition: 0.3s all;}
/*pro_detail*/

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

.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='%23ca171d' p-id='5098'%3E%3C/path%3E%3Cpath d='M652.672 431.829333h-147.84V292.010667a35.968 35.968 0 1 0-71.978667 0v139.818666H292.010667a35.968 35.968 0 1 0 0 72.021334h140.8v140.8a35.968 35.968 0 1 0 72.021333 0v-140.8h147.84a35.968 35.968 0 1 0 0-72.021334z' fill='%23ca171d' p-id='5099'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center;}
.embed-border {box-sizing: border-box; }
.embed-responsive {position: relative;width: 100%;max-width: 100%;padding-bottom: 50%;}
.embed-responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.embed-responsive iframe video{top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}

/*pro_detail*/
.pro_page{ position: relative; z-index: 555;  margin-top: 0.6rem;}
.pro_page .pro_main{display: flex;border-radius: 0;}
.pro_page .prom_img{ width:38%; position: relative;}
.pro_page .main_text{ width:62%;  padding-left: 0.3rem;}

#content{ position: relative;top: -0.6rem;}
.pro_main_title{font-size:.28rem; line-height: .32rem; overflow:hidden; display:block;text-transform:capitalize; color:#333; line-height:0.36rem; margin-bottom: 0.2rem; font-family:'CircularStd Bold'; }
.pro_main_text{line-height:0.26rem; padding-bottom:0.2rem;}
.pro_table ul{padding-left: 0; border-left: 1px solid #e3e5e7; border-top: 1px solid #e3e5e7;max-width: 760px;}
.pro_table ul li{ color:#666;list-style:none; float: left; width:100%; border-right: 1px solid #e3e5e7; border-bottom: 1px solid #e3e5e7;}
.pro_table ul li p{display:inline-block;margin-right:0.1rem;vertical-align:middle;margin-bottom:0;color:#333; font-size:16px; min-width: 1.2rem; padding: 0.1rem;border-right: 1px solid #e3e5e7; min-width: 25%; }
.pro_table ul li:nth-child(2n+1){ background: #e3e5e7;}
.main-more{ text-align:left !important; margin-top:30px;}
.pro_more a{background:var(--main-color); text-transform: capitalize; line-height:50px; padding: 0 0.3rem; display: inline-block; font-size: 18px; color: #fff; margin-right: 0.1rem; position: relative;  border-radius: 30px; font-family:'CircularStd Bold'; }
.pro_more a:before {position: absolute;content: '';opacity: 0;top: 0;left: 0;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 30%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;}
@keyframes move{
0%{left:0;opacity:0}5%{opacity:.0}
48%{opacity:.2}80%{opacity:.0}
100%{left:82%}}
.pro_more a:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.pro_more div{display: inline-block;}
.pro_more .main-more a{ background: var(--hover-color); text-transform: capitalize;}
.pro_more .main-more:last-child a{ background: var(--main-color);}
.pro_more a i{margin-right: 6px;}
.tab-content{ border: 1px solid #eee; padding: 0.2rem; border-radius: 10px; border-top-left-radius: 0;}
.tab-content > .tab-pane { display: none;}
.tab-content > .active {display: block;}
.products_main .nav-tabs li{list-style: none; background: #f7f7f7;  float: left; margin-right: 4px;}
.products_main .nav-tabs li a{ color: #333;font-size:0.24rem; display: inline-block; padding:10px 20px; line-height: 30px; text-transform: capitalize;  border-radius: 0; border: 1px solid #f7f7f7; border-bottom: none; border-top-left-radius: 5px;border-top-right-radius: 5px;   margin-bottom: -1px; font-family:'CircularStd Bold'; }
.products_main .nav-tabs li.active a{ color:#222; background:#fff; border: 1px solid #eee; border-bottom: none;}

@media only screen and (max-width: 992px) {
.products_main .nav-tabs li a{ font-size: 18px; padding: 5px 10px;}
.pro_table ul li{font-size: 14px;}
.pro_table ul li p{min-width: 30%; font-size: 12px;}
}

@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; font-size: 18px;}
.pro_page .pro_main{ display: block; background: #fff; padding: 0;}
.pro_page .prom_img,.pro_page .main_text{width: 100%; padding: 0; float: none;}
.pro_sns{display: none;}
.pro_table ul li{width: 100%;}
.pro_more .main-more a{ display: block;  z-index: 22;padding: 0px 10px;line-height: 42px; font-size: 14px;}
.inquiry_pro.show{position: fixed;bottom: 60px;left:10px;line-height: 20px; padding: 5px 0; z-index: 99999; font-size: 12px !important;}
.products_main .nav-tabs li{width: 100%; border-bottom: 2px solid #fff;}
.products_main .nav-tabs li a{display: block;}
}

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

.pro_inq{ position: relative; background:#fff; overflow: hidden;border-radius: 10px; padding:.3rem 0.2rem;box-shadow:rgba(0, 0, 0, 0.15) 0px 10px 30px 0px; margin-top: 35px;}
.detail_con .title{color: #333;  font-size:0.24rem; line-height: 0.3rem;  text-transform: capitalize; }
.detail_con .title img{margin-right: 15px;}
.pro_inq .text{ margin-bottom:10px; color:#666; line-height:20px; background:#fff; padding: 10px 0; border-radius: 0; line-height:22px; border-bottom: 1px solid #e5e5e5;}
.pro_inq .inquiry .ms_btn{ width: auto;}

.rel_section{overflow: hidden; padding:0.5rem 0 .8rem;}
.rel_section .i_title .title{margin-bottom: 0; font-size:.4rem}
.rel_section .swiper-slide{ opacity:0;transition: 0.5s all;}
.rel_section .swiper-slide.swiper-slide-visible{ opacity: 1;}
.rel_section .swiper-slide{width:20%; padding: 0 0.06rem;}
.rel_section .li{ padding:0.08rem; padding-bottom: 24px; border: 1px solid #eee; border-radius: 10px; background: #fff; text-align: left;transition: 0.5s all; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center;}
.rel_section .img{ position: relative; display: block; overflow: hidden;}
.rel_section .li .h4{ color: #333; font-size:16px;display: block; line-height:22px; height:44px; margin-bottom: 6px; overflow: hidden;  margin-top: 0.2rem; font-family:'CircularStd Medium';  padding: 0 3%}
.rel_section .li p{ color: #777; line-height:22px; font-size: 15px; height: 44px; display: block;overflow: hidden;  margin-bottom: 0.15rem; display:none}
.rel_section .li .my_more1{ height: 0.36rem; font-size: 14px;}
.rel_section .li:hover .img img{transform: scale(1.05);}
.rel_section .li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.15)}
.rel_section .swiper-button-next, .rel_section .swiper-button-prev{ background: none}

@media only screen and (max-width:1400px) {
.rel_section .li .my_more1{ display: none;}
.rel_section .li p{margin-bottom: 0;}
}
@media only screen and (max-width:1260px) {
	.rel_section .swiper-slide{ width:25%}
}
@media only screen and (max-width:992px) {
	.rel_section .swiper-slide{ width:33.3333%}
}

@media only screen and (max-width: 768px) {
	.rel_section .li .h4{font-size: 16px;}
.rel_section{padding:0.4rem 0; }
.rel_section .swiper-slide{ width: 33.33%;}
.rel_section .swi_position{ padding: 0 0.3rem; margin-top: 0;}
.rel_section .swi_position .swiper-button-prev{ left: -0.2rem;}
.rel_section .swi_position .swiper-button-next{ right: -0.2rem;}
.rel_section{ padding: 0.4rem 0;  margin: 0;}
.rel_section .button_outside{ padding: 0;}
.rel_section .swiper-slide{ width: 50%;}
.rel_section .li .my_more1{ display: none;}

}

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


.blog_list{list-style:none; margin-top:10px}
.blog_list li{position:relative; list-style:none; border-radius:0;  padding: .2rem; background: #f8f8f8; margin-bottom: .3rem; border-radius: 15px;} 
.blog_list li:last-child{ margin-bottom: 0;}
.blog_list li .li{  border-bottom: none; transition: 0.5s all;  display: flex; flex-wrap: wrap; align-items: flex-start}
.blog_list li .li .blog_info{padding:0.1rem 0 0 0.3rem; display:inline-block; width:70%; box-sizing: border-box}
.blog_list li:last-child .li{ margin-bottom: 0;}
.date{ font-size: 14px; margin:10px 0 0 0; line-height: 32px; color:#666;display: flex;align-items: center; text-transform:uppercase}
.date i,.tags_ul i{display:inline-block; position: relative; color: var(--main-color); margin-right: 10px; font-size: 14px; display: inline-flex;align-items: center; justify-content: center; flex-shrink: 0;}

.blog_list li .images{display:inline-block;overflow:hidden; width:30%; border-radius: 18px;}
.blog_list li .images img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);
transition:all var(--transition-time,800ms);}
.blog_list li:hover .images img{-webkit-transform:scale(var(--scale-multiplier,1.05));-ms-transform:scale(var(--scale-multiplier,1.05));
transform:scale(var(--scale-multiplier,1.05));}
.blog_list li .title{color:#101010;display:block; line-height:.25rem; max-height: .5rem;font-size:.22rem; font-family:'CircularStd Medium';}
.blog_list li .title:hover{ color: var(--main-color);}
.blog_list li .main{padding: 0.3rem;}
.blog_list li .text{ line-height:28px;overflow:hidden;max-height:112px; font-size:17px; color: #555; margin-top: 8px}
.blog_list li .blog_tag{ margin-top:0.15rem; margin-bottom: 0.15rem;}
.blog_list li .blog_tag p{ display:inline-block;   color:#333; text-transform:uppercase;}
.blog_list li .blog_tag i{color:#ccc; margin-right:0.08rem; }
.blog_list li .blog_tag a{ background:#fff; color:#666; line-height:0.26rem; padding:0px 0.14rem; display:inline-block; margin:0px 0.04rem; border: 1px solid #eee;}
.blog_list li .blog_tag a:hover{ background:#333; color:#fff;}
.blogin{color:#aaa; margin:0.04rem 0px;}
.blogin span{ color:#fff; margin:0px 0.06rem;}
.blog .blog_tags{ width:100%; margin-top:0.1rem;}

@media only screen and (max-width: 768px) {
.blog_list li .image{ width: 100%; margin-right: 0; float: none;}
}


/*case_page*/
.case_page ul li{list-style: none; margin-bottom: 30px;}
.case_page ul li .li{ background: #f9d9bf;}
.case_page ul li .li .text{ padding: 0.2rem;}
.case_page ul li .li .text .title{  line-height: 24px; height: 48px; display: block; overflow: hidden;}
.case_page ul li .li .text .p{ font-size: 16px; line-height: 20px; height: 40px; overflow: hidden;}}

@media only screen and (max-width: 768px) {
.case_page ul li .li .text .p{ display: none;}
}

/*faq_section*/
.page_faq_l{list-style:none;}
.page_faq_l li.question{position:relative; margin-top: 15px;  padding-right: 0; transition: 0.5s all;}
.page_faq_l li.question:first-child{ margin-top: 0;}
.page_faq_l li.question .column{overflow:hidden; border-radius:0;padding:5px 0;cursor: pointer;transition: 0.5s all;}
.page_faq_l li.question .column > em{color: #333;  font-style: normal; font-size: 20px; display: block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.5 0C6.01664 0 4.5666 0.439867 3.33323 1.26398C2.09986 2.08809 1.13856 3.25943 0.570907 4.62987C0.00324965 6.00032 -0.145275 7.50832 0.144114 8.96318C0.433503 10.418 1.14781 11.7544 2.1967 12.8033C3.2456 13.8522 4.58197 14.5665 6.03683 14.8559C7.49168 15.1453 8.99968 14.9968 10.3701 14.4291C11.7406 13.8614 12.9119 12.9001 13.736 11.6668C14.5601 10.4334 15 8.98336 15 7.5C14.9979 5.51154 14.207 3.60513 12.8009 2.19907C11.3949 0.793018 9.48847 0.00215068 7.5 0ZM7.5 13.75C6.26387 13.75 5.0555 13.3834 4.02769 12.6967C2.99988 12.0099 2.1988 11.0338 1.72576 9.89177C1.25271 8.74973 1.12894 7.49307 1.3701 6.28069C1.61125 5.06831 2.20651 3.95466 3.08059 3.08058C3.95466 2.2065 5.06831 1.61125 6.28069 1.37009C7.49307 1.12893 8.74974 1.25271 9.89178 1.72575C11.0338 2.1988 12.0099 2.99988 12.6967 4.02769C13.3834 5.05549 13.75 6.26387 13.75 7.5C13.7482 9.15705 13.0891 10.7457 11.9174 11.9174C10.7457 13.0891 9.15705 13.7482 7.5 13.75ZM10.625 7.5C10.625 7.66576 10.5592 7.82473 10.4419 7.94194C10.3247 8.05915 10.1658 8.125 10 8.125H8.125V10C8.125 10.1658 8.05916 10.3247 7.94195 10.4419C7.82474 10.5592 7.66576 10.625 7.5 10.625C7.33424 10.625 7.17527 10.5592 7.05806 10.4419C6.94085 10.3247 6.875 10.1658 6.875 10V8.125H5C4.83424 8.125 4.67527 8.05915 4.55806 7.94194C4.44085 7.82473 4.375 7.66576 4.375 7.5C4.375 7.33424 4.44085 7.17527 4.55806 7.05806C4.67527 6.94085 4.83424 6.875 5 6.875H6.875V5C6.875 4.83424 6.94085 4.67527 7.05806 4.55806C7.17527 4.44085 7.33424 4.375 7.5 4.375C7.66576 4.375 7.82474 4.44085 7.94195 4.55806C8.05916 4.67527 8.125 4.83424 8.125 5V6.875H10C10.1658 6.875 10.3247 6.94085 10.4419 7.05806C10.5592 7.17527 10.625 7.33424 10.625 7.5Z' style='fill:%2385a7d4'/%3E %3C/svg%3E"); background-size: 20px auto; background-repeat:no-repeat; background-position: left 8px; font-style:normal; padding-left: 30px;  line-height: 30px;}
.page_faq_l li.answer{color:#111;font-size:16px;line-height:24px;overflow:hidden;display:none; border-top: none; padding-left: 30px; border-bottom: 1px solid #bcbdbe; padding-bottom: 30px; padding-top: 10px;}
.page_faq_l li.answer .text{color: #333;}
.page_faq_l li.answer a:hover{color:#ffa9c6;}

@media only screen and (max-width: 768px) {
	.page_faq_l li.question .column > em{  font-size: 16px;}
	.page_faq_l li.question .column > i{width:28px;height:28px;}
	.page_faq_l li.question .column > i:before{line-height:28px;}
}
@media only screen and (max-width: 480px) {
	.page_faq_l li.question{background-image:none;padding:0; margin-top: 0;}
	.page_faq_l li.question .column{border-radius:10px}
	.page_faq_l li.answer{ padding-top:10px; padding-bottom: 10px;}

}
 


/*video_l*/
.video_l{list-style:none;}
.video_l li{margin-bottom: 0.3rem;}
.video_l li .column{transition:all .5s;background:#fff;border-radius: 0; padding-bottom: 10px; box-sizing: 0 0 10px rgba(0,0,0,0.15);}
.video_l li .image{display:block;overflow:hidden;position:relative;transition:all .5s;border-radius: 0; overflow: hidden;}
.video_l li:hover .image{box-shadow: 0 10px 25px 1px rgba(0,0,0,0.1);}
.video_l li .image > a.link{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:20;}
.video_l li .image img{max-width:100%;height:auto;width:100%;transition:all .9s;}
.video_l li:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.video_l li .ovrly{position: absolute;left:0;top:0;width:100%;height:100%;display: block;background:#000;opacity: 0.2;filter: alpha(opacity=20);transition:all .5s;}
.video_l li:hover .ovrly{opacity: 0.5;filter: alpha(opacity=50);}
li .video_button{display: inline-flex;position: absolute;transform: translate(-50%, -50%);left: 50%;top:50%;width: 56px;height: 56px;border-radius:50%;font-size: 18px;background:var(--main-color);align-items: center;justify-content: center;z-index: 99;color: #fff;transition:all .5s;}
li .video_button .line-video-animation{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:2px solid rgba(133,167,212,0.27);border-radius:50%;opacity: 0;filter: alpha(opacity=0);}
li:hover .video_button{width: 70px;height: 70px;text-decoration: none;background:#fff;color: #333;}
li:hover .video_button .line-video-animation{
	animation:squares 3.9s linear 0s infinite;
	-webkit-animation:squares 3.9s linear 0s infinite;
	-ms-animation:squares 3.9s linear 0s infinite;
	-o-animation:squares 3.9s linear 0s infinite;
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	-o-animation-play-state:running;
	animation-play-state:running;
}
li:hover .video_button .line-video-animation.line-video-2{
	-webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s;
}
li:hover .video_button .line-video-animation.line-video-3{
	-webkit-animation-delay:2.6s;
	-moz-animation-delay:2.6s;
	-o-animation-delay:2.6s;
	animation-delay:2.6s;
}

@-webkit-keyframes squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-moz-keyframes squares{0%{-moz-transform:scale(1);transform:scale(1);opacity:0}20%{-moz-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-moz-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@keyframes squares{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);-moz-transform:scale(1.24);-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);-moz-transform:scale(2.1);-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}

.video_l li .info{ margin-top: 0.2rem; padding: 0 15px;}
.video_l li .info span{ line-height:32px; background: var(--main-color); float:left;color: #fff; padding: 0 0.1rem;}
.video_l li .info i{ float: right; line-height: 0.32rem; color: #222; font-style: normal;}
.video_l li .title a{display:block;font-size:0.18rem; line-height:0.26rem; height: 0.52rem; overflow:hidden;color: #333; margin: 0.2rem 0 0;  padding: 0 15px; font-family:'CircularStd Bold';  }
.video_l li p{ line-height: 0.22rem; height: 0.66rem; overflow: hidden; font-size: 0.15rem; color: #999; padding: 0 15px;}
.video_l li:nth-child(4n+1){clear: both;}
@media only screen and (max-width: 768px) {
	.video_l li{padding:0 5px; margin-bottom: 15px;}
	.video_l li{width:50%;}
	.video_l li:nth-child(2n+1){clear: both;}
}
@media only screen and (max-width: 480px) {
	.video_l li{padding:0;width:100%;}
	.video_l li .title a{font-size:16px;margin-bottom:0;height: auto; line-height: 24px; max-height: 48px;}
}


/*case*/

.item_mask{
	position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
	display: block;
}
.li:hover .item_mask{opacity: 1;}
.item_mask:before{
	content: ' ';
    position: absolute;
    z-index: 1;
    top: 0;
    left: -10%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-transform 1.2s ease;
    transition: -webkit-transform 1.2s ease;
    transition: transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.li:hover .item_mask:before{
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -130%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -130%, 0);
}

.case { overflow: hidden; background-position: 20% 5%,right 80%; background-repeat: no-repeat, no-repeat; position: relative;}
.case ul{margin: 0px -10px; position: relative; z-index: 888; padding-left: 0}
.case ul li{ list-style: none; padding: 0px 15px; float: left; width: 25%; margin-bottom: 30px;}
.case ul li .li{ position: relative; overflow: hidden;  background: #fff;transition: 0.5s all;}
.case ul li .li .a{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.case ul li .li .img{ position: relative; display: block; overflow: hidden; border-radius: 25px;}
.case ul li .li .img img{ width: 100%;}  
.case ul li .li .img i{ position:absolute; display:inline-block; width:auto; text-align: center; left:0; right: 0; margin: 0 auto; top: 35%; color:#fff; font-size: .7rem}
.case ul li .li .wrap{ padding: .2rem 0 0 0; box-sizing:border-box; width:100%; text-align: left; background:#fff}
.case ul li .li .wrap .title{ font-size: .2rem; color: #333; display: block; line-height: .28rem; max-height: .56rem; overflow: hidden; font-family:'CircularStd Bold'; }
.case ul li .li:hover .title{ color: var(--main-color)}
.case ul li .li:hover .img img{transform: scale(1.1);}
.case ul li .li .wrap .date{ display:block; color: #999; font-size: 14px; margin-top: .1rem}
.case ul li .li .wrap .text{display:block; margin-top: .1rem; color: #666; font-size: 15px; line-height: 24px; max-height:72px; overflow: hidden}
.case ul li .li .wrap .text img{display:inline-block; width:15px; margin-right: .1rem}



@media only screen and (max-width:1200px) {
.case ul li{ width: 33.33%; transform: translateY(0) !important; margin-bottom: 20px;} 
	.case ul li .li .wrap .title{font-sioze:18px; line-height: 24px; max-height: 48px;}
}

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

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

/*num_bg2*/
.num_bg2{ background: #eff5ff; padding: 0.8rem 0;}

@media only screen and (max-width:768px) {
.num_bg2{ padding: 0.4rem 0;}
.num_bg2 ul li{ width: 100%;}
}




.page_history .container{ position:relative}
.page_history{ padding:5% 0 6%; background:url(../images/his_bg.jpg) no-repeat center bottom; background-size:cover}
.page_history  li{list-style:none;}
.page_history .button{    position: absolute;
    cursor: pointer;
    top:35px;
    font-size: 40px;
    color: #333}
.page_history .button:after{    font-size: 38px;
    color: #aaa;
    display: inline-block;
    font-family: FontAwesome;}
.page_history .prev:after{    content: "\f104";}
.page_history .next:after{    content: "\f105";}	
.page_history .prev{ left:0}
.page_history .next{ right:0}	
	
.page_history .slide_wrap  {
    overflow: hidden;
    position: relative;
}
.page_history .slide_wrap ul {
    position: relative;
    left: 0px;
}
.page_history .slide_wrap::after {
    width: 100%;
    height: 1px ;
    background-color: #eee;
    content: '';
    position: absolute;
    top: 48px;
    left: 0px;
}
.page_history .slide_items li{
    float: left; list-style:none;
    font-size: 20px;
    width: 200px;
    text-align: center;    
}
.page_history .slide_items li a {
    display: block;z-index: 999;
    position: relative;
}
.page_history .slide_items li.on {
    color: yellow;
    border-radius: 30px;
}
.page_history .slide_items li span {
    color: #999;
    font-size: 24px;
    display: block; font-family:'CircularStd Bold'; 
}
.page_history .slide_items li div {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #a2a2a2; ;
    border-radius: 13px;
    padding: 2px;
    box-sizing: border-box;
    margin-top: 17px;
}
.page_history .slide_items li i{
    display: block;
    width: 10px;
    height: 10px;
    background-color: #a2a2a2;
    border-radius: 5px;

}
.page_history .slide_items li.on div {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: #fed300;
    border-radius: 13px;
    padding: 7px;
    box-sizing: border-box; border-color:#fed300;
    margin-top: 11px;
}
.page_history .slide_items li.on div i{ background-color:#fff}
.page_history .slide_items li.on span{ color:#fed300;text-shadow: 0 3px 4px rgba(254, 211, 0, 0.6); font-size:30px}
.page_history .slide-content {
    margin-top: 100px; border-bottom:4px  solid #fed300;
}
.page_history .slide-content img{
   width: 100%;
}
.page_history .slide-content ul {
    display: none;    max-width: 400px;
   
    padding: 40px 20px 80px;
    margin: auto;
    position:relative;
}
.page_history .slide-content ul.on {
    display: block;
}
.page_history .list_div{ position:relative; z-index:99}
.page_history .slide-content ul .mask{position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    height: 100%;
    width: 80%;
    top: 0; }
.page_history .slide-content ul .year{   font-size: 220px;
    position: absolute; 
    letter-spacing: 20px; 
    pointer-events: none;
    width: 100%;
    text-align: center;line-height: 220px;  
    color: #f9d9bf;
    animation: fadeInDownSmall 0.5s ease-in-out; font-family:'CircularStd Bold'; }
.page_history .slide-content ul .list_div>div{ padding:20px;animation: fadeInUpSmall 0.5s ease-in-out;}
.page_history .slide-content ul .list_div>div>span{ font-size:16px; font-family:'CircularStd Bold';  color:#fed300}
.page_history .slide-content ul .list_div>div>p{ font-family:'CircularStd Bold';  font-size:14px; color:#333; margin-top:10px}


/*down_load
.down_load{ width:100%;}
.down_load ul{ width:100%; display:flex; flex-wrap: wrap;}
.down_load ul li{ display:inline-block; width:32%; margin: 0 2% 20px 0; list-style: none; overflow: hidden; border:1px #e6e6e6 solid; padding:15px; transition: all .5s; }
.down_load ul li a{display: flex;align-items: center;}
.down_load ul li:nth-child(3n){ margin-right:0}
.down_load ul li .icon{ width: 30%; margin-right: 15px; border-radius: 10px; overflow: hidden;}
.down_load ul li:hover .icon{background-position: 0 0;}
.down_load ul li .title{ display:block; color: #222;   line-height: 20px; max-height: 40px;}
.down_load ul li p{ color: #e69126; font-size: 14px; text-transform: uppercase;   margin-top: 4px;}
.down_load ul li p i{ margin-right: 4px; display: inline-block; font-weight: bold;}
.down_load ul li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.down_load ul li:hover p{ text-decoration: underline;}

@media only screen and (max-width:1024px) {
.down_load ul li{width:49%; margin: 0 2% 20px 0;} 
.down_load ul li:nth-child(3n){ margin-right:2%}
.down_load ul li:nth-child(2n){ margin-right:0}
.down_load ul li .title{ margin-top: 0;}
}
@media only screen and (max-width:480px) {
.down_load ul li{width:100%; margin: 0 0 20px 0 !important;}  
}

@media only screen and (max-width:380px) {
.down_load ul li .icon{margin: 0; margin-bottom: 10px;}
.down_load ul li{padding: 10px; text-align: center;}
.down_load ul li a{flex-direction: column;}
}*/

.img_h{position: relative;}
.img_h .img2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 555;}
li:hover .img_h .img2{ opacity:1;}
li:hover .img .img1{opacity: 0;}



/*.download_info{ background:#F0F2F4 ; padding:40px; border-radius: 10px;}
.download_info .page_num a{background: #fff;}
.download_info_list{list-style: none;border:2px solid #ebebeb; background:#fff; padding:15px 25px}
.download_info_list li{margin-bottom:20px;}
.download_info_list li .wrap{ border-bottom:1px solid #eee; background:url(../images/bg_down.jpg) no-repeat 99% 5px;transition:all .5s;padding:15px 5px;position: relative;border-radius: 0;    display: flex;justify-content:space-between; align-items: center;}
.download_info_list li:hover .wrap{ box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.download_info_list li .wrap > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10;}
.download_info_list li .wrap > a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 10;}
.download_info_list li .wrap .icon_t{ width:90%; padding-right:15px;    display: flex; align-items: center;}
.download_info_list li .wrap .icon_t i{display: inline-block;width: 34px; min-width:39px;height: 39px;background:url(../images/download_icon.png) no-repeat;transition:all .5s;background-position: 0 0;}
.download_info_list li .wrap:hover .icon_t i{background-position: 0 -39px;}
.download_info_list li .wrap .title{display: block;color:#4c4c4c;font-size: 18px; max-height:44px; overflow:hidden;line-height: 22px;  margin-left:10px;}
.download_info_list li .wrap:hover .title{color:var(--main-color);text-decoration: none;}*/
.wrap_r{ border-left:1px solid #ddd; padding-left:5px; width:10%;  }
.wrap_r>a{ display:inline-block; margin: 0 0px 0 10px; vertical-align:middle}
.wrap_r>a i{ background-image:url(../images/download_icon2.png); background-repeat:no-repeat; background-position:center; height:26px; width:26px; display:inline-block;transition:all .5s;}
.wrap_r>a.wrap_search i{ background-position:-27px -20px}
.wrap_r>a.wrap_down i{ background-position:2px -20px}
.wrap_r>a.wrap_search:hover i{ background-position:-27px 0}
.wrap_r>a.wrap_down:hover i{ background-position:2px 0}
@media only screen and (max-width: 992px) {
	/*.download_nav li a{ font-size:14px;    padding: 13px 20px;}
	.download_info{ padding:40px 30px}
	.download_info_list{ padding:15px 10px}
	.download_info_list li{ margin-bottom:10px}
	.download_info_list li .wrap{    padding: 10px 5px; }
	 .download_info_list li .wrap .icon_t{width:85%}
	.download_info_list li .wrap .title{ margin-right:5px; font-size:14px}*/
	.wrap_r{ width:15%}
}
@media only screen and (max-width: 768px) {
	.wrap_r>a{ margin:5px 0 5px 10px}
	/*.download_info{ padding:30px 15px}
	.download_nav li a{padding: 13px 10px; font-size:13px}*/
	}



.con_sns{ width:100%; display: flex; flex-wrap: wrap; align-items: center;}
.con_sns a{ display:inline-block; margin-right: .15rem; width:20px; height: 20px; text-align: center; background: var(--main-color);}


.page_faq  #accordion .panel{border: none; margin: 0px 0 0.2rem; background:none;box-shadow: 0 0 30px rgba(0,0,0,.15)}
.page_faq  #accordion .panel-heading{padding: 0; }
.page_faq  #accordion .panel-title a{ display: block; font-size:18px; line-height:25px; color: #333; background-position:left center; padding:.15rem 0.2rem; position: relative;transition: all 0.5s ease 0s; background:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family:'CircularStd Bold';   }
.page_faq  #accordion .panel-title a span{ font-size: 0.16rem; font-weight: 400;  display: inline-block; margin-right: 0.14rem}
.page_faq  #accordion .panel-title a.collapsed{ background:#fff; color:#333; }
/*.page_faq  #accordion .panel-title a:after{ content: "";display: block;   height:0.08rem; width:0.13rem; background: url(../images/cirjian.png) no-repeat;text-align: center; position: absolute;  top:0.24rem; right:0.19rem; transition: all 0.3s ease 0s; background-size: 100%;filter: brightness(0) invert(1); }*/
.page_faq  #accordion .panel-title a.collapsed:after{filter: none; }
.page_faq  #accordion .panel-title a:before{ content: "";display: block; height:30px; width:30px;background: #f2f2f2 url("../images/down.png") no-repeat center;text-align: center; position: absolute; top:.12rem; right:.2rem; transition: all 0.3s ease 0s; border-radius: 50%;}
.page_faq  #accordion .panel-title a.collapsed:before{ background: #f2f2f2 url("../images/plus.png") no-repeat center; }
.page_faq  #accordion .panel-body{font-size: 15px;line-height: 25px; padding:0 .2rem 0.25rem;  background: #ffffff;}
.page_faq  #accordion .panel-body p{ color:#888888; font-size:16px; line-height:26px; overflow: hidden; border-top:1px #dedede solid; padding-top: .2rem}
.page_faq  #accordion .panel-title:hover a{ color:#fff;background:#3c87c2;    } 
.page_faq  #accordion .panel-title:hover a:after{filter: brightness(0) invert(1)}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
		 -o-transition-timing-function: ease;
			transition-timing-function: ease;
	-webkit-transition-duration: .35s;
		 -o-transition-duration: .35s;
			transition-duration: .35s;
	-webkit-transition-property: height, visibility;
		 -o-transition-property: height, visibility;
			transition-property: height, visibility;
  }
 
.collapse {
	display: none;
  } 


.modelTostParents .swiper-button-prev,.modelTostParents .swiper-button-next{background-image:none !important}



.pro_inq2{ margin-top:.4rem} 


/*faq_item*/
.faq_section{padding-top:.15rem}
.faq_title{display:block; color: #101010; font-family: 'CircularStd Bold'; font-size: 22px; margin-bottom: 10px;}
.faq_item{width:94%}
.faq_item .panel{ position: relative; margin-bottom: 16px;}
.faq_item .panel-title a{display: flex;font-size: 18px;color: #101010;position: relative; min-height: 0.5rem;align-items: center; border-bottom: 1px solid #dedede;}
.faq_item .panel-title a:after,.faq_item .panel-title a.collapsed:after{content: "\f106";font-family: fontawesome;width: 24px;height: 24px;line-height: 24px;border-radius: 50%;text-align: center;font-size: 0.26rem;color:#999;position: absolute;top: 12px;right: 0;transition: all 0.3s ease 0s;}
.faq_item .panel-title a.collapsed:after{content: "\f107";}
.faq_item .panel-body{padding:10px 0;font-size: 16px;color: #666;line-height: 24px;border-top: none;position: relative;}
.faq_item .collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: .35s;	-o-transition-duration: .35s;transition-duration: .35s;-webkit-transition-property: height, visibility;	o-transition-property: height, visibility;	transition-property: height, visibility;}
.faq_item .collapse {display: none; }
.faq_item .collapse.in {display: block;}
.faq .panel{ background: #f2f2f2; border-bottom: 1px solid #f7f7f7;}




.pro_title{display:block; color: #101010; font-family: 'CircularStd Bold'; font-size:.25rem;}
.search_left{width:100%; margin-top: .1rem; position: relative;}
.search_left input{display:block; width:100%; border:1px #dedede solid; padding: 0 35px 0 15px; color: #666; line-height: 38px; outline: none; background: #fff;}
.search_left button{position:absolute; right:5px; top: 5px; outline: none; background: none;}
.search_left input::input-placeholder{color:#999999;}
.search_left input::-webkit-input-placeholder{color:#999999;}  



.search_list{width:100%; margin-top: .2rem;}
.search_list ul{display:block; width:100%; transition: all .5s}
.search_list ul li{display:flex; flex-wrap: nowrap; align-items: center; list-style: none;  margin-bottom: .06rem;  position: relative;}
.search_list ul li a{display:block; width:100%; position: absolute; left: 0; top: 0; height: 100%; z-index: 99}
.ChckBx{padding-left:24px; color: #666; font-size: 16px; }
.ChckBx input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top:6px;left:0;height: 14px;width: 14px;background-color: #fff;border: 1px solid #e0e0e0; border-radius: 2px;}
.ChckBx:hover input ~ .checkmark {border: 1px solid #fd4a1a;}
.ChckBx input:checked ~ .checkmark {border: 1px solid #fd4a1a;}
.checkmark:after {content: "";position: absolute;display: none;}
.ChckBx input:checked ~ .checkmark:after {display: block;}
.ChckBx .checkmark:after {left: 4px;top: 0px;width: 6px;height: 10px;border: solid #fd4a1a;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.ChckBx a {font-family: 'Swiss-Light';/*font-size: 20px;*/color:#f02338;font-weight: bold;}

.ChckBx .checkmark.error{border: 2px solid #e00000 !important;} 
.ChckBx .checkmark.glyphicon-remove{border: 2px solid #e00000 !important;}
.count{display:inline-block; position: relative; color: #999; font-size:15px; padding: 0 10px;}
.count:before{position:absolute; content:'('; left: 3px}
.count:after{position:absolute; content:')'; right: 3px}


.search_list ul li:nth-child(n+15) {
  display: none;
}
.search_list ul.show-all{height:100%;} 
.search_list ul.show-all li {
  display: list-item;
}
 
#showMoreBtn.hidden {
  display: none;
}

.seemore{display:inline-block; text-align: left; color: var(--main-color); font-size: 14px; text-transform: uppercase; position: relative; margin-top: .1rem; font-family: 'CircularStd Medium'; cursor: pointer}
.seemore:after{position:absolute; content:'\f107'; color: var(--main-color); font-size: 16px; font-family: 'fontawesome'; right: -16px; top: -4px}







.products_list{width:100%; display: block}
.products_list ul{width:100%; display: flex; flex-wrap: wrap} 
.products_list ul li{display:inline-block; width:23%; list-style: none; margin: 0 2% .24rem 0; background: #fff; border-radius: 10px; border:1px #e2e2e2 solid; box-shadow: 0 0 10px rgba(0,0,0,.1); overflow:hidden; transition: all .5s}
.products_list ul li:hover{box-shadow: 0 0 30px rgba(0,0,0,.3);}
.products_list ul li:nth-child(4n){ margin-right:0}
.products_list ul li .images{display:block; width:100%; overflow: hidden}
.products_list ul li .images img{display:block; width:100%; transition: all .5s}
.products_list ul li:hover .images img{transform:scale(1.08); -webkit-transform:scale(1.08)}
.products_list ul li .wrap{display:block; width: 100%; text-align: left; padding: .15rem .15rem .3rem .15rem; box-sizing: border-box}
.products_list ul li .wrap h3 a{display:block; color: #222; font-size: 16px; line-height: 24px; max-height:48px; overflow: hidden; font-family: 'CircularStd Medium'}
.products_list ul li .wrap h3 a:hover{color:var(--main-color)}
.products_list ul li .wrap .text{display:block; color: #888; font-size:16px; line-height:24px; max-height: 72px; overflow: hidden; margin: .13rem 0}
.products_list ul li .wrap .more a{display:inline-block; width:auto;font-size: 14px; background: var(--main-color); line-height:40px; border-radius: 35px; padding: 0 .25rem; color:#fff; text-transform: uppercase; font-family: 'CircularStd Medium'; margin-top: .08rem; transition: all .5s}
.products_list ul li .wrap .more a:hover{ background: #404040}


@media only screen and (max-width: 1366px) {
	.products_list ul li .wrap h3 a{font-family:'CircularStd'}
	.products_list ul li{width:32%;  margin: 0 2% .24rem 0;}
.products_list ul li:nth-child(4n){ margin-right:2%}
.products_list ul li:nth-child(3n){ margin-right:0}
	.products_list ul li .wrap h3 a{font-size:15px; line-height: 22px; max-height: 44px; overflow: hidden; font-family: 'CircularStd'}
	.products_list ul li .wrap .more a{text-transform:capitalize; line-height:36px; font-size: 14px; padding: 0 .35rem;font-family: 'CircularStd'}
	.products_list ul li .wrap .text{font-size:14px; line-height: 22px; max-height: 66px;}
	.ChckBx{font-size:15px;}
	
.pro_title{ font-size:24px;}
	}

@media only screen and (max-width: 992px) {
	.search_list{display:none}
	.search_left{margin-bottom:.3rem}
	}

@media only screen and (max-width: 768px) { 
	.products_list ul li{width:48.5%;  margin: 0 3% .24rem 0;}
.products_list ul li:nth-child(3n){ margin-right:3%}
.products_list ul li:nth-child(2n){ margin-right:0} 
	.products_list ul li .wrap .more a{padding:0 .25rem}
	}


.item_list{width:100%; margin: 0 auto}
.item_list ul{width:100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.item_list ul li{display:inline-flex; align-items: center;width:auto; color: #333; font-size: 16px; font-family: 'CircularStd Medium'; margin-right: .5rem;}
.item_list ul li:last-child{ margin-right:0}
.item_list ul li .checkmark-svg{display:inline-block; margin-right: 6px}




.main_body{width:100%; margin: 0 auto; padding: .5rem 0 0}

table{border: none !important; margin-top: 15px}
table td{}
.table tbody tr{background-color:#fff}
.table tbody tr:nth-child(2n){background-color:#f3f3f3}
.table tbody tr td{vertical-align:middle;padding:10px 10px;font-size:15px; color: #333; line-height:20px; text-align:left; box-sizing: border-box} 
.table tbody tr td:first-child{color:#888}


.specifications{width:50%; float: left}

.main_body .faq_section{width:46%; float: right; padding-top: 0}
.main_body .faq_item .panel-title a{font-size:16px; color:#333; min-height: .4rem}
.main_body .faq_item .panel-title a:after,.main_body .faq_item .panel-title a.collapsed:after{top:8px; color:var(--main-color)}

 
.describe_wrap{width:100%; margin: 0 auto; overflow: hidden; padding: .35rem 0 0 0}


@media only screen and (max-width: 992px) { 
.main_body{ padding: .3rem 0 0}
	.item_list ul li{display:block; margin: 0 0 .12rem 0; width:100%; font-family: 'CircularStd'}
	.specifications,.main_body .faq_section{width:100%;}
	.main_body .faq_section{margin-top:.4rem}
	}