@charset "UTF-8";

@font-face {
  font-family: "objectivity";
  src: url("../font/objectivity.woff2") format("woff2"),
       url("../font/objectivity.woff") format("woff"),
       url("../font/objectivity.ttf") format("truetype"),
       url("../font/objectivity.eot") format("embedded-opentype"),
       url("../font/objectivity.svg") format("svg"),
       url("../font/objectivity.otf") format("opentype");
}

@font-face {
  font-family: "objectivity_m";
  src: url("../font/objectivity_m.woff2") format("woff2"),
       url("../font/objectivity_m.woff") format("woff"),
       url("../font/objectivity_m.ttf") format("truetype"),
       url("../font/objectivity_m.eot") format("embedded-opentype"),
       url("../font/objectivity_m.svg") format("svg"),
       url("../font/objectivity_m.otf") format("opentype");
}

@font-face {
  font-family: "objectivity_bold";
  src: url("../font/objectivity.bold.woff2") format("woff2"),
       url("../font/objectivity.bold.woff") format("woff"),
       url("../font/objectivity.bold.ttf") format("truetype"),
       url("../font/objectivity.bold.eot") format("embedded-opentype"),
       url("../font/objectivity.bold.svg") format("svg"),
       url("../font/objectivity.bold.otf") format("opentype");
}

@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-fasong:before {
  content: "\e642";
}

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

.icon-duihao:before {
  content: "\e61f";
}

.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: "\e66e";
}

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

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

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

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

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

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

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

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

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

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


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


.row { margin-right: -0.15rem; margin-left: -0.15rem;}
.input-group{ display: table; position: relative;}
input, button, select, textarea {font-family: inherit; font-size: inherit;line-height: inherit; border: none;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{  display: table; content: " ";}
.clearfix:after,.container:after,.container-fluid:after,.row:after{clear: both;}
.container {width: 100%; max-width:16.6rem; margin: 0 auto;}
@media screen and (max-width: 1720px)  {.container{padding-left: 30px; padding-right: 30px; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container{padding-left: 15px; padding-right: 15px;}}

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

/* BODY */
* {outline: none !important;}
body {margin: 0;padding: 0; font-family: "objectivity"; color:#666; overflow-x: hidden; line-height: 1.7; font-size: 16px;}
strong,b{ font-weight: bold;}
div, span, p { caret-color: transparent;}
input,textarea{caret-color:#007bc8;}
@media screen and (max-width: 1400px) {body {font-size: 16px;}}
@media screen and (max-width: 1200px) {body {font-size: 14px;}}

@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:taFble; content:"";}
.clearfix:after{clear:both;}
.clear{ clear:both;}
.page ul{ padding-left: 16px;}
table td{padding: 5px;}
.table-responsive ul li {list-style-position: inside !important; }
.table-responsive td{ padding-left:8px}
.table-responsive {min-height: .01%; overflow-x: auto;}
.cform-item__wrap{ display:flex; align-items: center; font-size: 12px;}
.cform-item__wrap input{  width: 96px !important; padding: 0 5px  !important;}
.cform-item__wrap img{ height: auto;  display: inline-block; margin: 0 5px !important; max-width: 100px;}
#powerby,#powerby a{ display: inline-block; color: #c9c9c9; font-size: 13px}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin: 0; 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;}
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: 22px; margin-top: 8px;}
.inquiry ul{list-style:none; margin: 0px -10px;}
.inquiry ul li{padding:0 10px;margin-bottom:15px;}
.inquiry ul li span:before{content:'';position:absolute;width:40px;height:40px;right:0;top:0;display:inline-block;background-position:center center;background-repeat:no-repeat; background-position: center center;}
.inquiry ul li span:before{content:'';position:absolute;right:18px;top:0;width:28px;height:100%;display:inline-block; background-repeat: no-repeat;}
.inquiry ul li span.ms_e:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667324824' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7187' width='22' height='22'%3E%3Cpath d='M914.691674 123.697006H109.30935c-47.583643 0-86.289099 38.70648-86.2891 86.290123v603.998113c0 47.583643 38.705456 86.317752 86.2891 86.317752h805.382324c47.58262 0 86.288076-38.734109 86.288076-86.317752V209.987129c0-47.58262-38.705456-86.290123-86.288076-86.290123z m-15.169461 57.497414l-387.51505 335.861726-387.530399-335.861726h775.045449z m15.169461 661.581484H109.30935c-11.670784 0-21.62958-7.049542-26.138258-17.050293l274.221977-219.374921-35.955838-44.913843-240.893984 192.718871V219.283847l431.462893 373.892825L943.454707 219.283847v534.871871l-240.891938-192.718871-35.955838 44.913843L940.812535 825.724587c-4.491282 10.001775-14.49408 17.051317-26.120861 17.051317z' p-id='7188' fill='%23d5d5d5'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_p:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667419565' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8334' width='22' height='22'%3E%3Cpath d='M752 944C380.8 944 80 643.2 80 272c0-105.6 86.4-192 192-192s192 86.4 192 192c0 81.6-49.6 150.4-123.2 179.2 44.8 102.4 128 187.2 232 232C601.6 609.6 670.4 560 752 560c105.6 0 192 86.4 192 192s-86.4 192-192 192zM272 144c-70.4 0-128 57.6-128 128 0 336 272 608 608 608 70.4 0 128-57.6 128-128s-57.6-128-128-128c-62.4 0-115.2 44.8-126.4 107.2-1.6 9.6-6.4 17.6-16 22.4-8 4.8-17.6 6.4-27.2 3.2C436.8 704 320 587.2 268.8 440c-3.2-9.6-1.6-19.2 3.2-27.2 4.8-8 12.8-14.4 22.4-16 62.4-9.6 107.2-64 107.2-126.4C400 201.6 342.4 144 272 144z' p-id='8335' fill='%23d5d5d5'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_m:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667534152' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9305' width='24' height='24'%3E%3Cpath d='M832.161 351.79c-17.673 0-32 14.327-32 32v479.85H224.037V223.784h414.605c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32V895.64c0 17.673 14.327 32 32 32h640.124c17.673 0 32-14.327 32-32V383.79c0-17.673-14.327-32-32-32z' fill='%23d5d5d5' p-id='9306'%3E%3C/path%3E%3Cpath d='M485.612 534.222c6.249 6.248 14.438 9.372 22.627 9.372s16.379-3.124 22.627-9.372l321.407-321.406c12.496-12.497 12.496-32.758 0-45.255-12.498-12.497-32.759-12.497-45.255 0L485.612 488.967c-12.497 12.496-12.497 32.758 0 45.255zM736 627c0-17.673-14.327-32-32-32H322c-17.673 0-32 14.327-32 32s14.327 32 32 32h382c17.673 0 32-14.327 32-32zM322 725c-17.673 0-32 14.327-32 32s14.327 32 32 32h251c17.673 0 32-14.327 32-32s-14.327-32-32-32H322z' fill='%23d5d5d5' p-id='9307'%3E%3C/path%3E%3C/svg%3E"); background-position: center 10px;}
.inquiry ul li input{background:#fff;height:50px;width:100%;line-height:52px;padding-right:45px; color:#999; border: 1px solid #eee; border-radius:0; padding-left: 10px;font-size: 14px; border-radius: 0;}
.inquiry ul li textarea{height:1.15rem;background:#fff;width:100%;max-width:100%;max-height:215px;padding:8px 45px 10px 10px;color:#999;border:none;border-radius:0; line-height: 20px; font-size: 14px; border: 1px solid #eee;  border-radius: 0;}
.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 #00337d; background-color: #fff;}
.inquiry select{width:100%;height:50px;border:none;border:1px solid #d7d7dc;background-color:#fff; padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none;}
.inquiry .select{margin: 0;}
.inquiry .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:0.3rem;color:#ccc;top:0.18rem;z-index:99;}
.inquiry  .subject_title{background: #f7f7f7; min-height: 0.5rem; padding:0.15rem;}
.inquiry  .subject_title a{ color:#333 ;  text-decoration: underline;}
.inquiry  .subject_title span{ font-size:0.14rem;    color:#444; margin-right:0.1rem;}

.ms_btn{border-radius: 0; flex-shrink: 0; display: inline-flex; justify-content: center; align-items: center; text-align: center; transition: all 0.4s ease; z-index: 9; overflow: hidden; padding:0 0.22rem; line-height:42px; color: #fff; font-size:16px; position: relative;overflow: hidden; text-transform: uppercase; background: #00337d; padding-top: 2px;font-family: "objectivity_m"; }
.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:before { content: ' '; position: absolute; background:rgba(255,255,255,0.6); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.ms_btn:hover:before{ width: 100%;}
.ms_btn:after{ position: absolute; right:15px; top: 0; height: 100%; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg t='1687242759528' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3123' width='20' height='20'%3E%3Cpath d='M915.515273 142.819385 98.213046 458.199122c-46.058539 17.772838-44.90475 43.601756 2.348455 57.622994l197.477685 58.594874 80.292024 238.91085c10.51184 31.277988 37.972822 37.873693 61.462483 14.603752l103.584447-102.611545 204.475018 149.840224c26.565749 19.467242 53.878547 9.222132 61.049613-23.090076l149.210699-672.34491C965.264096 147.505054 946.218922 130.971848 915.515273 142.819385zM791.141174 294.834331l-348.61988 310.610267c-6.268679 5.58499-11.941557 16.652774-12.812263 24.846818l-15.390659 144.697741c-1.728128 16.24808-7.330491 16.918483-12.497501 1.344894l-67.457277-203.338603c-2.638691-7.954906 0.975968-17.705389 8.022355-21.931178l442.114555-265.181253C812.67481 268.984974 815.674251 272.975713 791.141174 294.834331z' p-id='3124' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat;  background-position: center center; content: ''; line-height: 20px; width: 18px; opacity: 0;}
.ms_btn:hover:after{ opacity: 1;}
.ms_btn:hover{padding-right: 40px;}

/*nav*/
.main-menu ul li{ list-style: none; margin: 0;}
@media screen and (min-width:992px) {
	.main-menu {list-style: none;margin: 0;padding: 0}
	.main-menu li {	position: relative;	list-style: none}
	.main-menu li a {display: block;-webkit-transition: all 300ms linear 0ms!important;-khtml-transition: all 300ms linear 0ms!important;
	-moz-transition: all 300ms linear 0ms!important;-ms-transition: all 300ms linear 0ms!important;-o-transition: all 300ms linear 0ms!important;transition: all 300ms linear 0ms!important;}
	.main-menu li .menu-toggle {display: none}
	.main-menu>li {	display: inline-block;	vertical-align: middle; position: relative; text-align: left; margin-left: 0.1rem;}
	.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: #007bc8; 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;}
	.main-menu>li:last-child{ padding-right: 0; margin-right: 0.25rem;}
	.main-menu>li>a{ position: relative;}
	.main-menu>li>a:before{background:#007bc8; width:0; height:3px; content: ''; position: absolute; left:0;  bottom:0; content: '';transition: 0.6s all; opacity: 0;}
	.main-menu>li.active>a, .main-menu>li:hover>a{ color: #fff;}
	.main-menu>li.active>a:before, .main-menu>li:hover>a:before{ opacity: 1; width:100%; }
	.main-menu>li.active>a, .main-menu>li:hover>a{ opacity: 1; width:100%; background: rgba(255,255,255,0.05);}
	.main-menu>li.menu-children>a:after, .main-menu>li.page_item_has_children>a:after {content:"\f107";font-family: FontAwesome;margin-left: 4px;display: inline-block;vertical-align: top;font-size: 12px;}
	.main-menu .sub-menu, .main-menu .children {position: absolute;background:#fff;padding: 10px 0;top: 100%;left: 0;margin-top: 0;margin-bottom: 0;min-width: 235px;z-index: 99;visibility: hidden;opacity: 1;-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;-webkit-transform: scaleY(0);-khtml-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;-o-transform-origin: 0 0 0; border-radius: 0;font-size: 14px;}
	.main-menu .sub-menu li, .main-menu .childsren li {padding: 0 8px;}
	.main-menu .sub-menu li a, .main-menu .children li a {color: #333; font-size:15px; line-height: normal;position: relative; text-transform: capitalize;padding: 10px 6px;}
    .main-menu .sub-menu>li>a:hover, .main-menu .children>li>a:hover{color: #fff; background:#007bc8;}
    .main-menu .sub-menu li>a:hover:after, .main-menu .children li a:hover:after{color: #fff !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: 12px; color: #aaa;}
	.main-menu .sub-menu .sub-menu, .main-menu .children .sub-menu, .main-menu .sub-menu .children, .main-menu .children .children {top: -10px;	left: 100%;}
	.main-menu li:hover, .main-menu li.focus {overflow: visible}
	.main-menu li:hover>.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li:hover>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1);}
	.main-menu li.megamenu {position: static}
	.main-menu li.megamenu .sub-menu, .main-menu li.megamenu .children {width:100%;max-width: 100%; padding: 0;margin-left: auto;margin-right: auto;left: 0!important;right: 0!important; background: #eff5ff; 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.6rem; background: #e1e4e9  !important; border-radius: 5px; padding: 0;}
	.megamenu .sub-menu .nav_li .title{ display: flex; font-size: 0.18rem; line-height:0.2rem; padding: 0px; color: #333;align-items: center; margin: 15px 0; font-family: "objectivity_m";}
    .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: #007bc8; 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) {
.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: 9999999;visibility: visible}
.header-navigation.navigation-open .main-navigation {
	-webkit-transform: translateY(0%);
	-khtml-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}

.main-menu {list-style: none;	margin: 0;	padding: 0;background: #fff; box-shadow: 0 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;	line-height: 50px; text-transform: capitalize; color: #444 !important;	font-size: 16px !important;	border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0; line-height: 20px !important; padding: 15px!important; border-bottom: 1px solid #eee;}
.main-menu li .img{ display: none !important;}
.main-menu>li>a.onepage-active, .main-menu>li>a:hover, .main-menu>li>a.current, .main-menu>li.current_page_item>a, .main-menu>li.current-menu-item>a, .main-menu>li.current_page_ancestor>a, .main-menu>li.current-menu-ancestor>a {color: #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
}
.menu-toggle.toggle-open:before {content: '\f106'}

#menu-mobile {width:100%; height: 50px;  display: flex !important;justify-content: flex-end; justify-content: center;  position: absolute; right: 0; top: 0; z-index: 99999999; background:#004b9e;transition: 0.5s all; backdrop-filter: blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px);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: #fff;
	display: block;
	height: 2px;
	margin: auto;
	position: absolute;
	left: 15px;
	width: 0.26rem;
	top:5px;
}
#menu-mobile .btn-nav-mobile:before {top:0}
#menu-mobile .btn-nav-mobile span {	bottom:-1px;}
#menu-mobile .btn-nav-mobile.opened:before {
	top:8px;background: #fff;
	-webkit-transform: rotate(45deg);
	-khtml-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
#menu-mobile .btn-nav-mobile.opened:after {
	-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: #fff;
}
#menu-mobile .btn-nav-mobile.opened span {display: none}
li.megamenu .container {padding: 0}
li.megamenu .container .elementor-column-wrap {padding: 0!important}
li.megamenu .elementor-row {display: block}
li.megamenu .elementor-row>.elementor-element {width: 100%!important}
li.megamenu .elementor-element-populated {padding: 0!important}


.nav_con{ margin-top: 60px; display: flex; color: #333; line-height: 30px; font-size: 14px; margin-bottom: 10px;}
.nav_con a{ color: #333; line-height: 36px;}
.nav_con .email_btn{ display: inline-block; border-radius: 3px; background: #007bc8; 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; position: relative; overflow: hidden;float: left; position: relative; font-size: 16px; margin-right: 16px;border: 1px solid rgba(255,255,255,0.5); margin-left: 15px; padding-right: 10px; border-radius: 5px}
.language p{display: inline-block;text-align: center;color:#fff;text-transform: capitalize;transition: 0.5s background-color;position: relative;z-index: 5;transition: 0.6s all;  line-height:42px; display: flex; align-items: center; padding-right:16px; font-size: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 18 18'%3E%3Cpath d='M9 1C4.58875 1 1 4.58875 1 9C1 13.4113 4.58875 17 9 17C13.4113 17 17 13.4113 17 9C17 4.58875 13.4113 1 9 1ZM8.53125 4.92676C7.81812 4.89612 7.11218 4.7959 6.43811 4.63293C6.54578 4.37781 6.6626 4.13281 6.78857 3.90063C7.30542 2.94824 7.93994 2.27991 8.53125 2.03784V4.92676ZM8.53125 5.86499V8.53125H5.60339C5.64465 7.4906 5.82202 6.45752 6.11536 5.51782C6.8927 5.71362 7.70874 5.83215 8.53125 5.86499ZM8.53125 9.46875V12.135C7.70874 12.1678 6.8927 12.2864 6.11536 12.4822C5.82202 11.5425 5.64465 10.5094 5.60339 9.46875H8.53125ZM8.53125 13.0732V15.9622C7.93994 15.7201 7.30542 15.0518 6.78857 14.0994C6.6626 13.8672 6.54578 13.6222 6.43811 13.3671C7.11218 13.2041 7.81799 13.1039 8.53125 13.0732ZM9.46875 13.0732C10.1819 13.1039 10.8878 13.2041 11.5619 13.3671C11.4542 13.6222 11.3374 13.8672 11.2114 14.0994C10.6946 15.0518 10.0601 15.7201 9.46875 15.9622V13.0732ZM9.46875 12.135V9.46875H12.3966C12.3553 10.5094 12.178 11.5425 11.8846 12.4822C11.1073 12.2864 10.2913 12.1678 9.46875 12.135ZM9.46875 8.53125V5.86499C10.2913 5.83215 11.1073 5.71362 11.8846 5.51782C12.178 6.45752 12.3553 7.4906 12.3966 8.53125H9.46875ZM9.46875 4.92676V2.03784C10.0601 2.27991 10.6946 2.94824 11.2114 3.90063C11.3374 4.13281 11.4542 4.37781 11.5619 4.63293C10.8878 4.7959 10.1819 4.89612 9.46875 4.92676ZM12.0354 3.45349C11.8007 3.02087 11.5457 2.63953 11.2769 2.31421C12.2141 2.63428 13.0631 3.14636 13.7771 3.8031C13.3699 4.02124 12.931 4.21069 12.4694 4.36902C12.3384 4.0509 12.1936 3.74487 12.0354 3.45349ZM5.9646 3.45349C5.8064 3.74487 5.66162 4.0509 5.53064 4.36902C5.06897 4.21069 4.63013 4.02112 4.2229 3.8031C4.93689 3.14636 5.78589 2.63428 6.72314 2.31421C6.45435 2.63953 6.19946 3.02075 5.9646 3.45349ZM5.2135 5.25012C4.89355 6.27368 4.70544 7.38953 4.66492 8.53125H1.95349C2.05383 7.00769 2.63892 5.61438 3.5564 4.50525C4.06555 4.79724 4.62317 5.047 5.2135 5.25012ZM4.66492 9.46875C4.70544 10.6106 4.89355 11.7263 5.2135 12.7499C4.62317 12.953 4.06555 13.2028 3.5564 13.4948C2.63892 12.3856 2.05383 10.9923 1.95349 9.46875H4.66492ZM5.53064 13.631C5.66162 13.9491 5.8064 14.2551 5.9646 14.5465C6.19946 14.9791 6.45435 15.3605 6.72314 15.6858C5.78589 15.3657 4.93689 14.8536 4.22302 14.1969C4.63 13.9789 5.06897 13.7893 5.53064 13.631ZM12.0354 14.5465C12.1936 14.2551 12.3384 13.9491 12.4694 13.631C12.931 13.7893 13.3699 13.9789 13.7771 14.1969C13.0631 14.8536 12.2141 15.3657 11.2769 15.6858C11.5457 15.3605 11.8005 14.9792 12.0354 14.5465ZM12.7865 12.7499C13.1064 11.7263 13.2946 10.6105 13.3351 9.46875H16.0465C15.9462 10.9923 15.3611 12.3856 14.4436 13.4948C13.9344 13.2028 13.3768 12.953 12.7865 12.7499ZM13.3351 8.53125C13.2946 7.3894 13.1064 6.27368 12.7865 5.25012C13.3768 5.047 13.9344 4.79724 14.4436 4.50525C15.3611 5.61438 15.9462 7.00769 16.0465 8.53125H13.3351Z' fill='%23ffffff' stroke-width='0.2'/%3E%3C/svg%3E"); background-size:20px auto; padding-left: 42px; background-position: 10px center; background-repeat: no-repeat;}
.language p:after{ position: absolute; right:0; top:50%;font: normal normal normal 14px/1 FontAwesome;content: "\f107"; line-height:0.2rem; margin-top: -0.1rem;}
.language p span{ display: block;}
.language p i{ margin-left: 4px; color: #111;}
.language p img{overflow: hidden; border-radius: 50%; margin-right: 4px;}
.language p img{overflow: hidden; border-radius: 50%; margin-right: 4px;}
.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: #0071bd;}
.language ul li:hover{ background: #f7f7f7;}
.language ul li img{ margin-right: 6px; float: left; border-radius: 50%;}
.language ul li a{ line-height: 22px; padding: 5px ; display: flex;align-items: center; color: #777;}


.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_logo img{ max-height:24px;}
.mob_language{ margin-top: 0.3rem; }
.mob_language p,.mob_sns p{ font-size: 0.2rem; color: #000; text-transform: capitalize;font-family: "objectivity_m";}
.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;}
.mob_sns a{ display: inline-block;  border-radius: 10px; 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;}



/*Search*/
.search_title{ color: #333; font-size: 0.26rem; margin-top: 0.3rem; text-align: center;  margin-bottom: 0.1rem; text-transform:capitalize; font-family: "objectivity_m";}
.search_section{cursor: pointer;align-items: center; position: relative; margin-left: 15px;}
.ico_search{ display: inline-block; width:38px; height: 38px; background-image: url("data:image/svg+xml,%3Csvg t='1710127457433' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1436' width='20' height='20'%3E%3Cpath d='M975.648 975.648c-36 36-94.336 36-130.336 0l-162.656-162.656c-66.88 42.88-145.952 68.448-231.264 68.448-237.536 0-430.08-192.512-430.08-430.048s192.544-430.048 430.08-430.048 430.048 192.544 430.048 430.048c0 85.344-25.568 164.384-68.448 231.296l162.656 162.656c36 36 36 94.368 0 130.336l0 0zM451.424 144.224c-169.664 0-307.2 137.536-307.2 307.168s137.536 307.168 307.2 307.168c169.632 0 307.168-137.536 307.168-307.168 0.064-169.632-137.536-307.168-307.168-307.168l0 0z' fill='%23ffffff' p-id='1437'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center;}

@keyframes warn {
0% {transform: scale(0);opacity: 0.25;}
25% {transform: scale(0);opacity: 0.6;}
50% {transform: scale(0.33);opacity: 0.8;}
75% {transform: scale(0.66);opacity: 1;}
100% {transform: scale(1);opacity: 0.0;}
}
@-webkit-keyframes "warn" {
0% {-webkit-transform: scale(0);opacity: 0.25;}
25% {-webkit-transform: scale(0);opacity: 0.6;}
50% {-webkit-transform: scale(0.33);opacity: 0.8;}
75% {-webkit-transform: scale(0.66);opacity: 1;}
100% {-webkit-transform: scale(1);opacity: 0.0;}
}

.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: #007bc8; background-position: center center; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.top_overly{z-index:9999998; position:fixed;top:0;left:0 ;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60); display:none; backdrop-filter: blur(40px);}
.close-search{ position: absolute; left: 50%; bottom: -30px; background:rgba(0,0,0,0.15); border-radius: 50%; height: 60px; width: 60px; line-height: 60px; color: #333; font-size: 20px; text-align: center; color: #fff; margin-left: -30px;}
.close-search i{ line-height: 30px;}
.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: #007bc8; color: #fff;}

@media screen and (max-width:992px) {
	.search_input { left:0; width: 100%; top:0;}

}


/*select*/
.select{ margin-left: 40px;}
.select ul li,.select-content ul li{ list-style: none;}
.select > a{display: inline-block;width:50px;height: 50px;color: #fff;font-size: 13px;text-transform: uppercase;transition:all 0s;padding-top: 6px;text-align: center;}
.select > a p{margin: 0;display: block;margin-top: 5px;}
.select > a:hover{text-decoration: none;}
.select .eltdf-side-menu-icon{position: relative;display: inline-block; vertical-align: inherit;}
.select .eltdf-side-menu-icon svg{fill:currentColor;stroke:currentColor;color:#333;}
.select > a:hover .eltdf-side-menu-icon svg line{animation:animate-btn-line 1s cubic-bezier(.19,.51,.05,.96) forwards;-webkit-animation:animate-btn-line 1s cubic-bezier(.19,.51,.05,.96) forwards;stroke:#333;}
.select > a:hover .eltdf-side-menu-icon svg line:nth-of-type(2){animation:animate-btn-line 1s .3s cubic-bezier(.54,.32,.05,.96) forwards;-webkit-animation:animate-btn-line 1s .3s cubic-bezier(.54,.32,.05,.96) forwards;}

.select-modal {
	position: fixed;
	top: 0;
	right: 0;
	width: 50%;
	max-width: 24%;
	height: 100%;
	z-index: 8888888;
	visibility: hidden;
	transition:all .5s;
}
.select-show {visibility: visible;transition:all .5s;height: 100%;}
.select-show .select-content {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
	filter:alpha(opacity=100);
	background:#fff;
	height: 100%;
	min-height: 100%;
	box-shadow: 0 0 30px rgba(0,0,0,0.15);
}
.select-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 999999999;
	opacity: 0;
	filter:alpha(opacity=0);
	background: rgba(1,1,1,0.4);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.select-show ~ .select-overlay {opacity: 1;visibility: visible;filter:alpha(opacity=100);}
.select-content {
	color: #333;
	position: relative;
	border-radius: 0px;
	margin: 0 auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
	filter:alpha(opacity=0);
	padding:0;
	height: 100%;
	transition:all .5s;
}
.select_top{background:#eee;padding:0.3rem;}
.select-content .main{padding: 0.3rem;}

.select-content .select-close {position:absolute;right:40px;top:40px;border:none;background-color:transparent;}
.select-content .select-close i{width:30px;height:30px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
.select-content .select-close i:before,
.select-content .select-close i:after{
content:'';display:inline-block;background:#999;width:20px;height:2px;margin:2px 0;
}
.select-content .select-close i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
.select-content .select-close i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}

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



.select-content .i_title{ margin-bottom: 10px; text-align: left; font-size: 0.26rem; color: #111; text-transform: capitalize;}
.head_con p{ font-size: 15px; color: #808080; line-height: 22px;}
.head_con img{flex-shrink: 0; margin-right: 14px; background: #007bc8; border-radius: 50%;}
.head_con ul{margin-top: 10px;}
.head_con a,.head_con .p{ text-transform: none; display: block; line-height: 26px !important;}
.head_con ul{margin-top: 20px;}
.head_con ul li a{line-height: 36px;}
.head_con ul li{display: flex;align-items: flex-start; margin-bottom: 0.2rem;}
.head_con {margin-bottom: 20px;}
.head_map{margin-top: 0.3rem;}
.head_pro{margin:0.5rem 0 0.3rem;}
.head_pro ul li{ float: left; width: 33.33%; padding:0 5px;}


/*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: 50px; height: 50px; position: initial; display: flex; background: #007bc8; margin: 0;background-image: url("data:image/svg+xml,%3Csvg t='1712482485061' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='14190' width='36' height='36'%3E%3Cpath d='M377.325543 155.953699c-15.973542-15.973542-41.88116-15.973542-57.798258 0a40.865175 40.865175 0 0 0-0.451549 57.346709l0.451549 0.507992 298.248043 298.1916-298.1916 298.1916a40.865175 40.865175 0 0 0-0.451549 57.346709l0.451549 0.507992a40.865175 40.865175 0 0 0 57.34671 0.451549l0.507992-0.451549 327.034285-327.147172a40.865175 40.865175 0 0 0 0.451549-57.346709l-0.451549-0.507993-327.147172-327.090728z' p-id='14191' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-size: 24px auto; border-radius: 0; background-repeat: no-repeat; background-position: center center; box-shadow: 0px 0px 30px 0px rgb(175 177 177 / 30%); background-color: rgba(0,0,0,0.2); border-radius:0;}
.swiper-button-prev{filter:FlipH; transform: rotateY(180deg);}
.swiper-button-prev:after, .swiper-button-next:after{ display: none;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 20px; font-family: "objectivity_m";}

.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: 10px; width: 50px; height: 48px; margin-top: -24px;}
.button_inside .swiper-button-next{ position: absolute; top: 50%; right:10px; width: 50px; 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 0.2rem;}
.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;	-webkit-backface-visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
display: block;	-webkit-transform: translateZ(0)}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {	position: absolute}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {padding:0;}

/*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: 90%; padding: 0 0.3rem;}
.modelTostChile .swiper-container{height: 100%;}
.modelTostChile .swiper-slide{display: flex;align-items: center;justify-content: center;}
.modelTostChile  img{ max-height: 100%;}
.modelClose {float: right;cursor: pointer; font-size: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;}


/*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 img{ width: 100%;}
.banner .swiper-button-prev, .banner .swiper-button-next{ position: absolute;}

/*banner*/
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{ color: #fff; font-size: 26px;}
.banner .swiper-pagination{ position: absolute; bottom: 20px;}
.banner .swiper-slide {position: relative;}
.banner .swiper-slide-active{ display: block; position: relative; z-index: 666;}
.banner .swiper-slide img {display: block;width: 100%;}
.banner .swiper-slide .banner_text {position: absolute;top:55%;width:90%;left:40px; transform: translate(0 ,50%);}
.banner .swiper-slide .banner_text .title {  transform: translateY(15px);  opacity: 0; color: #fff; font-size: 0.68rem; line-height: 0.7rem; text-transform: capitalize; font-family: "objectivity_bold"; margin-bottom: 0.1rem;}
.banner .swiper-slide .banner_text .p{  transform: translateY(15px); opacity: 0; color: #fff; font-size: 0.4rem; margin-bottom: 0.3rem; line-height: 0.5rem;}
.banner .swiper-slide .banner_text .more{ transform: translateY(30px); opacity: 0; color: #fff; font-size: 0.4rem;line-height: 0.5rem;}
.banner .swiper-slide-active .banner_text .title { transition: all .5s ease .6s; transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .p{ transition: all .6s ease .8s; transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .more{ transition: all .9s ease 1s;  transform: translateY(0);  opacity: 1;}
.banner .a{ display: block;position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

@media only screen and (max-width:1200px) {
.banner .swiper-slide .banner_text .title { line-height:50px; font-size: 40px;}
.banner .swiper-slide .banner_text .p{ line-height: 30px;}

}

@media only screen and (max-width: 992px){
.banner .swiper-slide .banner_text{ top: auto; bottom:80px; left: 0; padding:0 3%; width: 100%; text-align: left;}
.banner .swiper-slide .banner_text .p{ font-size: 20px; line-height: 30px;}
.banner .swiper-slide .banner_text .title { font-size: 30px; line-height: 36px; margin-bottom: 0;}
.banner .swiper-button-prev, .banner .swiper-rtl .swiper-button-next,.banner .swiper-button-next, .banner .swiper-rtl .swiper-button-prev{ display: none;}
.banner .swiper-slide .banner_text .more{ display: none;}
}

@media only screen and (max-width: 600px){
.banner .swiper-slide .banner_text .line{ display: none;}
.banner .swiper-slide .banner_text .container{padding: 0;}
}

@media only screen and (max-width: 500px){
.banner .swiper-slide .banner_text .title{ font-size: 18px; line-height: 24px;}
.banner .swiper-slide .banner_text .p{ font-size:13px; line-height: 18px;}
}



/*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.56rem; color: #fff; position: relative;overflow: hidden; text-transform: uppercase; font-size:16px; font-family: "objectivity_m"; background: #007bc8; min-height: 36px;align-items: center;justify-content: center; border-radius: 5px; padding-right: 0.5rem; padding-top: 2px;}
.my_more1 img{ margin-left: 10px;}
.my_more1:after{ position: absolute; right:0.2rem; top: 50%;  margin-top: -0.2rem; height: 100%; display: inline-block;content: " "; background-image: url("data:image/svg+xml,%3Csvg width='29' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.333 8h24.21M20.786 14.334L27.119 8l-6.333-6.333' stroke='%23ffffff' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 0.3rem; height: 0.4rem; border-radius: 50%; background-repeat: no-repeat;  background-position: center center; background-size: 20px auto;transition: 0.3s all; }
.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; }
.n_main .my_more1,.rel_section .my_more1{ font-size: 15px; line-height:42px; padding: 0 0.2rem; height: 40px;}
.n_main .my_more1:after,.rel_section .my_more1:after{ display: none;}
.my_more1:hover:before{ width: 100%;}
.my_more1:hover:after{ opacity: 1; right: 15px;}
@media only screen and (max-width: 768px){
.my_more1{ font-size: 12px !important;}

}

/*Search*/
.search_web{position: relative;  width: 2.4rem; z-index: 1; float: right; margin-top: 3px;}
.search_web .form-control{height:34px;color:#fff;float:left; line-height:0.4rem;font-size:14px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background: rgba(255,255,255,0.2); padding-right:50px;  box-shadow: none; float: none;padding-left: 0.12rem;}
.search_web .form-control:focus{ color:#fff;}
.search_web .search_btn{display:block; width:34px;height:34px;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-position: center center; background-color:inherit;}

/*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(180deg);-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);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(-180deg);-webkit-transform: rotatex(-180deg);
-moz-transform: rotatex(-180deg);-ms-transform: rotatex(-180deg);-o-transform: rotatex(-180deg);opacity: 0;}

.height{}
.nav_section{ border-bottom: 1px solid rgba(255,255,255,0.2);}
.nav_section .main{ display: flex;align-items: center; justify-content: space-between;}
.nav_section .main #logo{ padding: 5px 0;}
.nav_section #logo img{ max-width: 280px;}
.nav_section .nav_r{ display: flex;align-items: center;}
.nav_npage .main-menu>li>a{ color: #333;}
.main-menu>li>a { font-size: 18px; color: #fff; line-height:0.3rem; padding:0.33rem 0.2rem; position: relative; text-transform:uppercase;font-family: "objectivity_m";}

.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: 888888;padding: 0;position:fixed;transition: 0.5s all;}
header.small{left:0; top:0; position:fixed;font-size:100%; background: rgba(35,51,93,0.9);    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px);}

@media only screen and (min-width:992px) {
header.small #logo{ margin-top: 0;}
header.small #logo img{ max-width:180px;}
header.small .main-menu>li>a{padding: 0.2rem;}
}


@media screen and (max-width:1800px) {
.main-menu>li>a{ font-size:16px;}
}

@media screen and (max-width:1460px) {
.nav_section #logo img{ max-height: 0.6rem;}
.nav_section .container,.top_section .container{ max-width: 100%; padding: 0 15px;}
.top_section{padding-left: 50px;}
}

@media screen and (max-width:1260px) {
.nav_section #logo{ padding:5px 0;}
.main-menu>li>a{ font-size: 14px;}
.top_section .top_con{ display: none;}
.main-menu>li{ margin-right: 0.15rem;}
}

@media only screen and (max-width:992px) {
.nav_section{ padding: 0;}
.nav_section .main{ width: 100%;}
.nav_section #logo{ display: none;}
.nav_section .container{padding: 0;}
.height{  height: 50px;}
header,header.small{ background: none; box-shadow: none;}
.search_section{ height: 50px; position: absolute; right: 0; top: 0; z-index: 999999998; background: none;margin-top: 0;}
.ico_search{ margin-top: 0; width: auto; padding-left: 0; width: 50px; overflow: hidden;  height: 50px; 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='%23ffffff' 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='%23ffffff' p-id='4514'%3E%3C/path%3E%3Cpath d='M668.163 736.059l67.875-67.875L850.503 782.65l-67.874 67.874z' fill='%23ffffff' p-id='4515'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; border-radius: 0; }
.top_section{ display: none;}
header.small{backdrop-filter:none !important;}
}


.i_title{ text-align: center; margin-bottom: 0.4rem; position: relative;}
.i_title .title{font-size: 0.5rem; color: #004094; line-height: 0.52rem; z-index: 22; font-family: "objectivity_bold"; position: relative; display: inline-block; margin-bottom: 0.2rem; text-transform: uppercase;}
.i_title:after {content: attr(data-text);display: block;height: 100%;right: 0;top: -30%;  text-align: center; font-size: 1.2rem; position: absolute; white-space: nowrap; width: 100%; line-height: 1.2rem; font-family: "objectivity_bold"; color: #fff; opacity: 0.54; text-transform: uppercase;}
.i_title p{overflow: hidden; max-width:6.6rem; margin: 0 auto; text-align: center; color: #666; line-height: 24px; max-height: 48px; position: relative; z-index: 22; font-size:15px;}
.tl{ text-align: left;}
.tl p{ text-align: left; margin-left: 0; padding: 0;}

.scrollbar_title{ display: flex;align-items: center; justify-content: space-between; margin-bottom: 0.7rem; position: relative; z-index: 333; width: 100%;}
.scrollbar_title .i_title{ width: 50%; margin-bottom: 0;}
@media only screen and (max-width:992px) {
.scrollbar_title .i_title{ width: 100%;margin-bottom: 20px;}
.i_title .title{ margin-bottom: 0; font-size: 0.4rem; line-height: 0.5rem;}
.i_title{ margin-bottom:20px;}
.i_title .h6{ display: none;}
.scrollbar_title{ display: block;}
.i_title p{ font-size: 14px;}
}
@media only screen and (max-width:768px) {
.i_title .title:after{ display: none;}
.i_title img{ display: none;}
.i_title .title{ font-size: 0.3rem; line-height: 0.4rem; letter-spacing: 0; padding-bottom: 0; margin-bottom: 0; background: none;}
.i_title .p{ margin-top: 0.2rem; margin-top: 5px; font-size: 14px;}
.i_title{ margin-bottom: 20px;}
.scrollbar_title{margin-bottom: 0; flex-direction: column;}
.i_title:after{ display: none;}
}

/*cate_section*/
.cate_section{padding: 0.7rem 0.6rem; background: linear-gradient(#e8eff2, #fff);}
.cate_section .scrollbar_title{ position: relative;}
.cate_section .scrollbar_title .my_button{ position: relative; z-index: 999;}
.cate_section .button_inside{ overflow: hidden;}
.cate_section .i_title{ position: initial;}
.cate_section .i_title:after{ text-align: right; top: 10%;}
.cate_section .swiper-button-prev{ background-color:#007bc8;}
.cate_section .swiper-button-next{ background-color: #004b9e;}
.cate_section ul li{ list-style: none; width: 25%;}
.cate_section ul li .li{ position: relative;}
.cate_section ul li .text{ position: absolute; left: 0; bottom: 0; width: 100%; padding:0.15rem 0.3rem; z-index: 333;}
.cate_section ul li .text .title{ font-size: 0.24rem; line-height: 0.26rem;font-family: "objectivity_m"; color: #fff; display: block; text-transform:capitalize; margin-bottom: 5px;}
.cate_section ul li .text p{ font-size:15px; color: #fff; line-height: 20px; height: 0; overflow: hidden;transition: 0.5s all;}
.cate_section ul li .overly{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0,0,0,0) 70%, rgba(0,0,0,0.9)); z-index: 2}
.cate_section ul li .img{ overflow: hidden;}
.cate_section ul li .img img{transition: 2s all; width: 100%;}
.cate_section ul li:hover p{ height: 40px;}
.cate_section ul li:hover img{transform: scale(1.05);}

@media only screen and (max-width:992px){
.sol_section{padding: 0.5rem 0 0.2rem;}
.sol_section ul li{padding: 4px; margin-bottom: 0;}
.sol_section ul li .text p{ display: none;}
}
@media only screen and (max-width:768px){
.sol_section ul li .text{ width: 100%; padding: 10px;}
.sol_section ul li .text .title{ font-size: 16px; line-height: 24px;}
}
@media only screen and (max-width:480px){
.sol_section ul li { width: 100%;}
}


/*about_section*/
.about_section{ position: relative; overflow: hidden; background: #f5f5f7; display: flex;}
.about_section .i_title{ margin-bottom: 0.1rem;}
.about_section *{transition: 0.5s all;}
.about_section #parentHorizontalTab01{ padding: 0 0.6rem;}
.about_section .pro_index{ float: left; width: 50%; padding-top: 0.5rem; background:#eff3f4 url(../images/about_bg.jpg) right center; position: relative; padding-bottom:1.6rem;  background-size: cover;}
.about_section .about_img{ float: right; width: 50%;}
.about_mob>.container>p{position: relative;overflow: hidden;height: 0;padding-bottom: 56.25%;}
.about_mob>.container>p iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.about_section .about_img video{ height: 100%;}

.about_section .about_text{padding-top: 0.3rem;}
.about_section .about_text .com{ font-size: 0.34rem;font-family: "objectivity_m"; color: #004094; margin-bottom: 0.2rem; line-height: 0.42rem;}
.about_section .about_text .p{ font-size: 15px; color: #555; line-height: 24px; max-height: 96px; overflow: hidden; margin-bottom: 0.2rem;}
.about_section .about_text .my_more1{ background-color: #00337d;}
.about_section .tabs {line-height: 38px;height: auto; display: flex; justify-content: center; margin-top: 0.3rem; position: absolute; left: 0; bottom: 0; width: 100%; height: auto; background: #00337d;}
.about_section .tabs *{transition: 0.6s all;}
.about_section .tabs a { width:24%; background: #fff; position: relative;}
.about_section .tabs a:nth-child(1){ background: #007bc8;}
.about_section .tabs a:nth-child(2){ background: #004b9e;}
.about_section .tabs a:nth-child(3){ background: #00337d;}
.about_section .tabs a:nth-child(4){ background: #00337d;}
.about_section .tabs a span{text-align: center; min-height: 1.2rem;justify-content: center;align-items: center;flex-direction: column; display: flex;padding: 0.1rem 0.2rem; border-top-right-radius: 30px; font-family: "objectivity_m";font-size:18px;text-transform: capitalize;color: #fff;}
.about_section .tabs a span img{ margin-bottom: 6px;}
.about_section .tabs a:nth-child(1) span{ background: #eeeeee;}
.about_section .tabs a:nth-child(2) span{ background: #007bc8;}
.about_section .tabs a:nth-child(3) span{ background: #004b9e;}
.about_section .tabs a:nth-child(4) span{ background: #00337d;}
.about_section .tabs a .more{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:%23d6d6d6'%3E%3C/path%3E%3C/svg%3E"); background-size: 30px auto; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px; display: inline-block; margin-right: 15px; transform: rotate(-45deg); position: absolute; right: 12px; top: 12px; opacity: 0;}
.about_section .tabs a.active{ width: 28%;}
.about_section .tabs a.active .more{ opacity: 1;}
.about_section .tabs a:nth-child(1) .more{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:%23007bc8'%3E%3C/path%3E%3C/svg%3E"); margin-right: 0;}
.about_section .tabs a:nth-child(1) span{ color: #007bc8;}

/*team_section*/
.team_section{ overflow: hidden; padding-top: 0.3rem;}
.team_section ul li{ float: left; width: 33.33%; padding: 0px 10px; list-style: none; text-align: center;}
.team_section ul li .li{ text-align: left; display: inline-block;}
.team_section ul li .title{ display: block; font-size: 18px; margin: 15px 0; line-height: 22px; height: 44px; overflow: hidden; color: #333;}
.team_section ul li .img{ overflow: hidden; margin-bottom: 20px;transition: 0.5s all; border-radius: 5px;}
.team_section ul li a{ display: block; line-height: 24px; padding: 4px 0; color: #777; font-size: 16px;}
.team_section ul li a i{ line-height: 28px; height: 28px; width: 28px; border-radius: 50%; background: #007bc8; text-align: center; color: #fff; margin-right: 4px; font-size: 12px;}
.team_section ul li a:hover{ text-decoration: underline; color: #007bc8;}


/*honor_section*/
.honor_section{ overflow: hidden;padding-top: 0.3rem;}
.honor_section .i_title .h4{ margin-bottom: 0.3rem;}
.modelTostParents{ position: relative;}
.honor_section li{width:33.33%; list-style: none; cursor: pointer; text-align: center; cursor: url(../images/ico_magnifier.png), auto; padding: 0 0.1rem;opacity: 0;transition: 0.5s all; padding: 0 8px;}
.honor_section li .li{ box-shadow: 0 0 20px rgba(0,0,0,0.15); background: #fff;}
.honor_section li.swiper-slide-visible{ opacity: 1;}

.honor_text{ position: relative; padding: 0.4rem 0 0.7rem;}
.honor_text:after{ position: absolute; left: 0; top: -40px; height: calc(100% + 40px); width: 100%; content: ''; z-index: -1;background: #194a34 url(../images/group.png) repeat;}
.honor_text .title{ color: #fff; font-size: 0.26rem;font-family: "Quicksand"; margin-top: 15px;}
.honor_text p{ color: #fff;}
.honor_section .modelTost{ display: none !important;}


/*video_section*/
.video_section{ position: relative; overflow: hidden;padding-top: 0.3rem;}
.video_section .swiper-slide{ width: 33.33%; padding: 0 15px;}
.video_section .li{ position: relative;}
.video_section .li .image{display:block;overflow:hidden;position:relative;transition:all .5s;border-radius: 0; z-index: 44;}
.video_section .li .title{box-shadow: 2px 2px 30px rgba(0,0,0,0.1); display: block; width: 96%; padding: 0.15rem; line-height:20px; z-index: 9999999; background: #fff; text-align: center; font-size:16px; color: #333;font-family: "objectivity_m"; margin-left: 2%; margin-top: -10px; position: relative; z-index: 333;}
.video_section .li:hover .image{box-shadow: 0 10px 25px 1px rgba(0,0,0,0.1);}
.video_section .li .image > a.link{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:20;}
.video_section .li .image img{max-width:100%;height:auto;width:100%;transition:all .9s;}
.video_section .li:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.video_section .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_section .li:hover .ovrly{opacity: 0.5;filter: alpha(opacity=50);}
.video_section .li .video_button{display: inline-flex;position: absolute;transform: translate(-50%, -50%);left: 50%;top:50%;width: 58px;height: 58px;border-radius:50%;font-size: 30px;background:rgba(193,25,32,0.8);align-items: center;justify-content: center;z-index: 99;color: #fff;transition:all .5s; font-size: 20px;}
.video_section .li .video_button .line-video-animation{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:2px solid rgba(255,255,255,0.27);border-radius:50%;opacity: 0;filter: alpha(opacity=0);}
.video_section .li:hover .video_button{width: 70px;height: 70px;text-decoration: none;background:#fff;color: #c11920;}
.video_section .li:hover .video_button .line-video-animation{
	animation:squares 3.9s linear 0s infinite;
	-webkit-animation:squares 3.9s linear 0s infinite;
	-ms-animation:squares 3.9s linear 0s infinite;
	-o-animation:squares 3.9s linear 0s infinite;
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	-o-animation-play-state:running;
	animation-play-state:running;
}
.video_section .li:hover .video_button .line-video-animation.line-video-2{
	-webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s;
}
.video_section .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}}



@media only screen and (max-width: 768px) {
.video_section .swiper-slide{ width: 50%;}
.video_section{ padding: 0.4rem 0;}
}

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


@media only screen and (max-width:1200px) {
.cate_section .case_nav #pro_img_thumbs2 p{ font-size: 16px;}
.about_section .about_text .p{ line-height: 30px; max-height: 150px;}
}

@media only screen and (max-width:992px) {
.about_section{ display: block;}
.about_section .about_img{ width: 100%; padding: 0; text-align: center;}
.about_section .about_text{ width: 100%; padding: 30px;}
.about_section .about_text .main{max-width: 100%; padding: 0;}
.honor_section li{width: 33.33% !important;}
.team_section ul li{ width: 33.33% !important;}
.about_section .about_email{ display: none;}
}

@media only screen and (max-width:768px){
.cate_section{padding-top: 0.3rem;}
.cate_section #pro_img_gallery2{padding: 0;}
.cate_section .case_nav #pro_img_thumbs2 .swiper-slide{ width: 33.33%;}
.honor_section li{width: 50%;}
.cate_section .case_nav #pro_img_thumbs2 p{ font-size: 12px;}
.about_section .about_text{padding:30px 15px;}
.honor_section li{width: 50% !important;}
.team_section ul li{ width: 50% !important;}

}

@media only screen and (max-width:400px){
.cate_section .case_nav #pro_img_thumbs2 .swiper-slide{ width: 50%;}
.honor_section li{width: 100% !important;}
.team_section ul li{ width: 100% !important;}
}



#tabs-about{ overflow: hidden;}
#tabs-about>.swiper-wrapper>.swiper-slide{ opacity: 0 !important;}
#tabs-about>.swiper-wrapper>.swiper-slide-active{ opacity: 1 !important;z-index: 9999999;}


@media only screen and (max-width:1600px) {
.about_section .tabs p{ font-size: 14px;}
.about_section .pro_index{max-width: 90%;}
}


@media only screen and (max-width:1200px){
.main-menu>li{margin: 0;}
}

@media only screen and (max-width:992px){
.about_section .tabs{ display: none;}
.about_section .pro_index{ width: 100%;}
.about_section .about_img{ width: 100%; margin-top: 40px; padding-left: 0;}
.about_section .about_img img,.about_section .about_img a{ width: 100%;}

}

@media only screen and (max-width:768px){
.about_section{ padding: 0.6rem 0 0.4rem;}
.about_section .about_img{ margin-top: 20px;}
}


/*about_mob*/
.about_mob{text-align:center; background: #fff; padding:0; text-align: center; display: none; margin-bottom: 0.5rem;}
.about_mob .p{ font-size: 15px; line-height: 30px; max-height:210px; margin-bottom: 15px; margin-top: 15px; overflow: hidden;}
.about_mob .com{ font-size: 20px; line-height: 20px; margin-top: 20px; display: block; color: #333;font-family: "objectivity_m"; color: #004b9e;}
@media only screen and (max-width:992px) {
.about_mob{display: block;}
}

/*num_section*/
.index_map{ position: relative;}
.num_section{ position: absolute; left: 0.6rem; top: 0.6rem; width: calc(100% - 1.2rem); height: auto;}
.num_section ul{ border-top: 1px solid #586584; border-bottom: 1px solid #586584; border-right: 1px solid #586584; display: flex;}
.num_section ul li{ list-style: none; float: left; width: 20%; text-align: center; min-height:2.3rem; border-left: 1px solid #586584; padding: 0 0.25rem;}
.num_section ul li .icon{ display: block; text-align: right; margin-bottom: 0.4rem; margin-top: 16px;}
.num_section ul li .num{ font-size:18px; line-height:0.4rem; color: #ffffff;text-transform: uppercase; display: flex; align-items: flex-end;}
.num_section ul li .num span{ font-size: 0.66rem; line-height: 0.68rem;font-family: "objectivity_m";}
.num_section ul li .odometer-formatting-mark{ display: none;}
.num_section ul li p{ font-size: 17px;color: #9199ae; line-height: 20px; text-align: left;}

@media only screen and (max-width:992px) {
.num_section ul li p{ font-size: 18px;}
.num_section ul li .num{margin: 0;}
}

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

.par_content{ padding:1.3rem 0;  overflow: hidden;}
.par_content .par_more{ text-align: center;}

/*-------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%; margin-top: 0.5rem;}
.partner-slider {   position: relative;  width: 100%;  }
.partner-slider .slick-track { display: flex;align-items: center;  justify-content: center;}
.partner-slider .slick-slide{padding:5px;}
.partner-slider .slick-slide a { display: flex; background: #fff; border-radius: 10px; min-height: 118px; border-radius: 5px; overflow: hidden;}
 


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

}

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

}

/*footer_top*/
.footer_top{ padding: 0.8rem 0 0.7rem; background-color: #23335d; background-size: cover; background-position: center right;}
.footer_top .title{ color: #fff; font-size: 0.26rem; line-height: 0.36rem; max-width: 55%; margin-bottom: 0.3rem;}

@media only screen and (max-width:1800px) {
.cate_section ul li .text .title{ font-size:0.2rem;}
.cate_section ul li .text{padding:0.05rem 0.15rem;}
.num_section ul li .num span{ font-size: 0.4rem;}
.num_section ul li .num{ font-size: 14px;}
.num_section ul li p{ font-size: 14px;}
.num_section ul li .icon{ margin-bottom: 10px;}
.num_section ul li{ min-height:inherit; padding-bottom: 20px;}
.about_section .pro_index{padding-top: 20px;}
.about_section .about_text .com{ font-size: 20px; line-height: 26px; margin-bottom: 10px;}
}

@media only screen and (max-width:1400px) {
.cate_section{padding: 0.3rem;}
.main-menu>li>a{padding: 0.33rem 0.1rem;}
header.small .main-menu>li>a{padding: 0.2rem 0.1rem;}
.team_section ul li,.honor_section li,.video_section .swiper-slide{ width: 50%;}
.main-menu>li>a{ text-transform: capitalize;}
.about_section .about_text .p{ height: 180px;}

}


@media only screen and (max-width:992px) {
.cate_section .swiper-button-prev,.cate_section .swiper-button-next{ position: initial; margin-bottom: 20px;}
.cate_section .button_inside{ clear: both;}
.cate_section .scrollbar_title .my_button,.cate_section .scrollbar_title{ position: initial;margin-bottom: 0;}
.num_section ul{flex-wrap: wrap;}
.num_section ul li{ width: 33.33%;}
.num_section ul li:nth-child(4),.num_section ul li:nth-child(5){ width: 50%; border-top: 1px solid #586584;}
.num_section{ display: none;}
.footer_top{padding: 0.5rem 0;}
.footer_top .title{ max-width: 100%; font-size: 16px; line-height: 20px;}
.par_content{padding: 0.4rem 0;}
.partner-slider-row{margin-top: 0;}

}


@media only screen and (max-width:768px) {
.cate_section ul li{ width: 33.33%;}
}
@media only screen and (max-width:500px) {
.cate_section ul li{ width: 50%;}
}




/*footer*/
#footer{color:#666666; position: relative;  background: #ebecf0; overflow: hidden; font-size: 15px; padding-top:0.5rem; padding: 0 0.6rem; padding-top: 0.3rem;}
#footer ul li{ list-style:none; position: relative;transition: 0.5s all;}
#footer a{ color:#666666; }
#footer a:hover{ color:#007bc8; text-decoration:underline;}
#footer .ul li a{ line-height:18px; padding:9px 0; display:inline-block; position:relative;}
#footer .ul li:after{display: block; color: #666666; content: "\f105";position: absolute;top:0px; left: 0; padding: 5px 0; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; font-family: "FontAwesome"; opacity: 0;}
#footer .ul li:hover:after{ color: #007bc8; left: 0px; opacity: 1;}
#footer .ul li:hover{ padding-left:10px;}

#footer .footer_follow{ float: left; width:25%; padding-right: 4%;}
#footer .footer_tags{ float: left; width:34%;}
#footer .footer_pro{ float: left; width:29%;}
#footer .footer_sup{ float: left; width:12%;}
#footer .footer_logo{margin-top: 0.4rem; margin-bottom: 0.2rem;}

#footer .footer_tags ul li,#footer .footer_pro ul li{ padding-right:50px;}
#footer .footer_tags ul li:hover,#footer .footer_pro ul li:hover{ padding-right: 40px;}

#footer .footer_con ul{width: 74%; float: left;}
#footer .footer_con p{ margin-bottom:8px;}
#footer .footer_con a{ display: inline-block; text-decoration: underline;}
#footer .footer_con ul li a{line-height: 26px;}
#footer .footer_con ul li{ position: relative;  line-height: 26px;float: left;}
#footer .footer_con ul li:first-child{ width: 50%; padding-right: 5%;}
#footer .footer_con ul li:nth-child(2){ width: 45%;}
#footer .footer_con .footer_add{ background:url(../images/footer_add.png) no-repeat left 5px;padding-left:36px;}
#footer .footer_con .foorer_tel{ background:url(../images/footer_tel.png) no-repeat left 5px;padding-left:36px;}
#footer .footer_con .footer_email{ background:url(../images/footer_email.png) no-repeat left 5px;padding-left:36px;}
#footer .footer_con .footer_whatsapp{ background:url(../images/footer_whatsapp.png) no-repeat left 5px;padding-left:36px;}


#footer  .footer_sub{ float: left; width: 26%; float: left; display: flex;flex-direction: column;align-items: flex-end;}
#footer  .footer_sub .footer_sns a{ margin-left: 16px;}
#footer  .footer_sub .p{ font-size: 14px; color: #004094; font-size: 14px; text-decoration: underline;}
#footer  .footer_sub .email{ position: relative; width: 100%; display: flex; margin-top: 0.2rem; max-width: 400px;}
#footer  .footer_sub .email_main{height:42px; border:none; color:#999; line-height:100%; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; background:#fff url(../images/email_ico2.png) no-repeat 12px center; padding-left:10px;  width: 100%; padding-left: 40px; border-radius: 5px;}
#footer  .footer_sub .email_main:focus{color:#333;}
#footer  .footer_sub .email_btn{ background:#007bc8; text-transform: uppercase;height:42px;  padding: 0 0.16rem;  color: #fff; cursor: pointer;font-family: "objectivity_m"; font-size: 12px;  border-radius: 5px;line-height: 42px; margin-left: 6px;}


.mob_follow{ text-align: center;}
.mob_follow a{ display: inline-block; margin-right:15px !important; text-align: center;}
.footer_bottom{ padding: 0.3rem 0 0.2rem; border-top: 1px solid #c8c9cc; font-size: 14px; justify-content: space-between; align-items: center; margin-top: 0.5rem; text-align: center;}
.footer_bottom .link{ display: inline-block;}
.footer_bottom a{ color: #fff;  margin-right: 4px;}
.footer_bottom .cop{ float: left;}
.footer_bottom .cop a{ margin: 0 0.15rem;}
.footer_bottom .ipv6{ float: right; margin-right: 1.5rem;}
.footer_bottom .ipv6 img{ margin-right: 0.04rem;}
*:focus {outline: none;} 
#footer .title_h4{ text-transform:capitalize;font-size:22px; position: relative; margin-bottom: 10px; margin-top: 0.2rem;font-family: "objectivity_m"; color: #004094;}
#footer .title_h4 img{ margin-right: 20px;}


@media screen and (max-width:992px) {
#footer .footer_logo{ margin-top: 0;}
#footer .footer_logo img{ max-width: 200px;}
.footer_bottom .ipv6,.footer_bottom .cop{ display: block; float: none; margin-right: 0;}
#footer{padding: 0.3rem 0.15rem 0;}
#footer .footer_con ul{ width: 100%;}
#footer .footer_sub{ width: 100%;align-items: flex-start; background:rgba(0,0,0,0.05); border-right: 10px; padding:20px 15px; border-radius: 20px;}
#footer .footer_sub .footer_sns a{ margin-right: 10px; margin-left: 0;}
.footer_bottom{ border-top: none; margin-top: 0;}
}

@media screen and (max-width:768px) {
#footer .footer_con ul li{ width: 100% !important; padding-right: 0 !important;}
}


/*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:#004094;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: #004094;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;
transition: all 200ms linear;}


#whatsapp{z-index:333333;position:fixed;right:0.28rem;bottom:20px;font-size:12px; }
#floatShow2{display:block;}
#floatHide2{display:none;}
#whatsapp_tab #floatShow2{line-height:48px;color:#fff;font-size:13px;text-transform:uppercase;transition: all .5s ease; display: block; padding-left: 48px;  height: 48px; background:#004094; border-radius: 0; margin-bottom: -20px; min-width: 140px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#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;}
#whatsapp_tab #floatShow2 .online_icon svg{width: 29px;height: 29px;fill: #004094;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; color: #fff;font-size:14px; text-transform:uppercase;font-family: "objectivity_m";}
#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: #004094;}
#whatsapp_tab #floatHide2:after{border-radius: 0;color:#999;font-family: "FontAwesome";font-size:20px; content: "\f00d";color: #fff; line-height: 50px;}
#whatsapp_tab #floatShow2:hover,#whatsapp_tab #floatHide2:hover{text-decoration:none;}
#onlineService2{display:inline;width:350px;display:none;font-size: 14px;border-top:none; margin-bottom: 0;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px; border-radius: 5px;background: #f9fafa; margin-right: 60px;}

#onlineService2 .title{background:#004094;  display: flex; fill:#fff; padding:12px 20px;align-items: center; text-transform: capitalize;     }
#onlineService2 .title i{ color: #fff; font-size: 0.3rem; margin-right: 10px; line-height: 0.2rem;}
#onlineService2 .title .h4{ color: #fff; font-size: 0.18rem;font-family: "objectivity_m";}
#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;}

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


@media 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; spadding:0;box-shadow:none;border-radius:50%;z-index:9999999999;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: #999;}
	.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:330px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;background:#004094;; 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 {
    position:absolute;
    top:0;
    right:-135px;
    display:block;
    width:280px;
	line-height:110%;
    padding:18px 0 0 50px;
    color:#fff;
    white-space:nowrap;
    transition:all .4s;
	font-size:16px;
	text-align: left;
	opacity: 0;
}
.fixed-contact.active li a {right:50px;}
.fixed-contact .online_code a img{max-width:80px; margin: 0 4px;}
.fixed-contact .online_code p{ margin-bottom: 8px;}
.fixed-contact.active .online_code{height:130px;}
.fixed-contact.active .online_code a p{margin:0;margin-bottom:5px;}
.fixed-contact li.online_code:hover a{opacity:1; right: auto;left: 0;}

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


.mobile_nav{position:fixed;left:0;bottom:0;width:100%;padding:0;display:none;z-index:222222;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{display:inline-block;width:20%;padding:0 4px;float:left;text-align:center;}
.mobile_nav a .icon{width:0.24rem;height:0.24rem;display:inline-block; fill:#808080; margin-top: 0.1rem;}
.mobile_nav a p{color:#666;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 .footer_about .my_more1{margin-top: 10px;}
.footer_bottom{margin-bottom:10px; margin-top: 0; padding-bottom:60px !important;}
}


@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);
	}
	.progress-wrap{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}

}
@media only screen and (max-width: 375px) {
	.mobile_nav a p{text-transform:capitalize;}
}



@media only screen and (max-width: 992px){
	#service{display:none;}
	#onlineService01{width:150px;}
	.onlineMenu .call-top{padding:8px 5px;}
	.onlineMenu .call-top p{font-size:16px;}
	.onlineMenu ul{padding:10px;}
	.onlineMenu .call>p{padding-left:20px;font-size:0.14rem;}
	.onlineMenu .call>p a{font-size:0.14rem;}
	.onlineMenu .call>p.ser01,.onlineMenu .call>p.ser02,.onlineMenu .call>p.ser03,.onlineMenu .call>p.ser04,.onlineMenu .call>p.ser05{background-size:0.14rem;}
	#online_qq_tab #floatShow:before{display: none;}
}


.n_main{  padding: 0.4rem 0 0.6rem;}
.n_left{float: left; width:22%; position: relative;}
.n_right{float: right; width: 78%; padding-left: 0.5rem;}
.n_left2{float: right; width: 22%; }
.n_right2{float: left; width:78%;  padding-right: 0.5rem;}
@media only screen and (max-width:1300px) {
.n_left{float: left; width:25%; position: relative;}
.n_right{float: right; width: 75%; padding-left: 0.5rem;}
.n_left2{float: right; width: 25%; }
.n_right2{float: left; width:75%;  padding-right: 0.5rem;}
}
@media only screen and (max-width:992px) {
.n_main{ padding:0.4rem 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; min-height: 200px; background: #999;}
.n_banner img{width: 100%; }
.n_title{ color: #00337d; text-transform: uppercase;font-size: 0.4rem; line-height: 0.4rem; z-index: 999; font-family: "objectivity_bold"; position: relative; z-index: 9;padding-bottom: 0.2rem; position: relative;}
.mbx_section{position:relative; padding: 10px 0; background: #f7f7f7;}
.mbx_section span{ margin-right: 0.04rem; color: #007bc8;}
.mbx_section i{ color: #007bc8; margin: 0px 0.1rem;}
.mbx_section a,.mbx_section h2,.mbx_section a, .mbx_section p{ font-size: 0.15rem; color: #666; font-weight: normal;display: inline-block; text-transform: capitalize;}
@media only screen and (max-width:992px) {
.n_banner{ min-height:0;}
.mbx_section{ text-align: center;}
.n_title{ display: none;}
.mbx_section .mbx{ float: none; margin: 0;}
}


/*page_nav*/
.page_nav{margin-bottom: 0;padding: 0;padding-top: 0; padding-bottom: 30px;margin-bottom: 30px; position: relative;}
.page_nav ul{list-style:none;text-align:center;display:flex;align-items:center;border-radius:0;justify-content: center;}
.page_nav li{display:inline-block;margin-bottom:0;padding:0;padding-right:0.2rem;float: left;}
.page_nav li:last-child{border-right-color: transparent;}
.page_nav li a{display:flex;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:#ddd;  padding: 0.15rem 0.3rem; color: #333;  border-radius: 0;font-family: "objectivity_m";} 
.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: #00337d;
    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: #00337d;}
.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: #eee;}
.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%;}
.contact_info{position:relative;z-index:2;overflow: hidden; margin-bottom: 0.6rem;}
.contact_info ul{list-style:none;padding:0; display: flex;}
.contact_info ul li{padding:0 0.2rem;position:relative;z-index:2;text-align:center;}
.contact_info ul li .column{transition:all .5s;padding:0.2rem;padding-top:0;border-radius:0;position: relative;z-index: 5;text-align: center;min-height:2.2rem; height: 100%; border-radius: 10px; background: #fff;}
.contact_info ul li .column:hover{border-color:#666;box-shadow:0 2px 30px 1px rgba(0,0,0,0.05);}
.contact_info ul li em{display: block;font-size:0.2rem; font-style: normal;text-transform:uppercase;color:#00337d;margin-bottom:0.1rem;margin-top: -0.1rem;font-family: "objectivity_bold";}
.contact_info ul li .txt{line-height:0.2rem; padding:0;width:100%;text-transform:uppercase;margin-top:15px;display: block;}

.contact_info ul li .icon{width: 0.8rem;height: 0.8rem;position: relative;z-index: 4;top:0;display:inline-flex;align-items: center;justify-content: center; margin: 0.3rem 0;}
.contact_info ul li .icon svg{ fill:#fff; font-size: 0.4rem; height: 0.4rem;}
.contact_info ul li .icon path{fill:#fff; }
.contact_info ul li .icon:after{content:'';width:100%;height:100%;top:0;left:0;position: absolute;z-index: -1;border-radius:30%;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all .5s;transition: all .5s; background:#00337d;}
.contact_info ul li:hover .icon:after{border-radius:50%;}
.contact_info ul li .icon:before{content:'';top:-0.05rem;bottom:-0.05rem;right:-0.05rem;left:-0.05rem;border-radius: 50%;border:1px solid #00337d;transition:all .5s;position: absolute;z-index: -1;opacity: 0;filter: alpha(opacity=0);}
.contact_info ul li:hover .icon:before{left:-0.2rem;right:-0.2rem;bottom:-0.2rem;top:-0.2rem;opacity: 0.5;filter: alpha(opacity=50);}
.contact_info ul li .icon i{display: inline-block;transition:all .5s;width:0.48rem;height:0.48rem; line-height: 0.48rem; font-size: 0.3rem; color: #fff;}
.contact_info ul li:hover .icon i{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);
transform:scaleX(-1);filter:FlipH; transform: rotateY(180deg);}
.contact_info ul li p{font-size:17px;line-height:24px;margin:0;margin-bottom:0.05rem;color:#4d4d4d;}
.contact_info ul li p a:hover{color:#666;}
.con_main{ background: #fff; border-radius: 10px; overflow: hidden;}
.con_main>.row{ display: flex;}
.con_main .other{ padding: 0.5rem;}
.contact{padding: 20px 0;}
.contact .i_title{ margin-bottom: 20px;}
.con_sns a{display: inline-block; overflow: hidden; border-radius: 5px; overflow: hidden;}

@media only screen and (max-width:768px) {
.contact{padding: 0;}
.contact_info ul{ display: block;}
.contact_info ul li{ width: 100%; margin-bottom:8px;}
.page_bg .page_main{padding: 0; background: none; box-shadow: 0;box-shadow: inherit;}
.contact_info ul li .column{min-height:inherit; padding-top: 0.2rem; border-bottom: 1px solid #eee;}
.contact_info ul li .icon{ display: none;}
.con_main>.row{ display: block;}
.con_main .other{padding: 0.3rem;}
.contact_info ul li p,.contact_info ul li em{ text-align: left;}
}


.mes_section{position: relative; background: #e5e5e5; height: 100%;}
.mes_section .i_title .title{ font-size: 0.36rem; line-height: 0.4rem; color: #333; background: none; padding-bottom: 0; text-align: left; display: block;}
.mes_section .mess_main{text-align: left; padding: 0.5rem;}
.mes_section .mess_main .i_title{ margin-bottom: 20px;}
.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: capitalize; color: #333; }
.mes_section .mes_right .mes_con p{ font-size: 15px; color: #808080; line-height: 22px;}
.mes_section .mes_right .mes_con img{flex-shrink: 0; margin-right: 14px; border-radius: 50%; background: #007bc8;}
.mes_section .mes_right .mes_con ul{margin-top: 10px;}
.mes_section .mes_right .mes_con a,.mes_section .mes_right .mes_con .p{ text-transform: none; display: block; line-height: 26px !important;}
.mes_section .mes_right .mes_con ul{margin-top: 20px;}
.mes_section .mes_right .mes_con ul li a{line-height: 36px;}
.mes_section .mes_right .mes_con ul li{display: flex;align-items: flex-start; margin-bottom: 30px;}
.mes_section .ms_btn{ width: auto;}
.con_other{ display: inline-block; text-align: left; padding-bottom: 0.6rem;}

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

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

}

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


.n_honor ul li{ list-style: none; float: left; width: 20%; padding: 0px 10px; text-align: center; margin-bottom: 20px;}
.n_honor ul li .li{ position: relative; display: inline-block;cursor: url(../images/ico_magnifier.png), auto;}
.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: 16px; margin-top: 10px;}


.section_title{ font-size:0.26rem; color: #004094; text-transform:uppercase; margin-bottom: 10px; line-height: 30px; padding-bottom: 10px; border-bottom: 2px dotted #eee; position: relative;font-family: "objectivity_bold";}
.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;}
ul.mtree{opacity: 0;margin-left: 0;  border-top: none;}
ul.mtree a:hover{ color: #007bc8; text-decoration: underline;}
ul.mtree li {list-style: none;}
ul.mtree>li>h2>a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; display: flex;align-items: center;  height:46px; padding-left: 0.15rem; color: #444; font-size: 18px;font-family: "objectivity_m";}
ul.mtree>li>h2>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>h2>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; padding-left: 0.1rem; color: #555; font-size: 18px;font-family: "objectivity_m";}
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: #f1f1f1; margin-bottom:1px; overflow: hidden;}
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; font-weight: normal; color: #fff; font-size: 18px;}
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: #fff;}
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: #666;}
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>h2>a{color:#fff; background: #007bc8;}
ul.mtree>li.mtree-open{color:#fff; background: #007bc8;padding-bottom:0;}
ul.mtree>li.mtree-open>h2>a{ color: #fff;}
ul.mtree ul {  background:#fafafa;}
ul.mtree ul li{list-style:none; position:relative; border-bottom: 1px solid rgba(255,255,255,0.5);}
ul.mtree ul li:last-child{ border-bottom: none;}
ul.mtree ul li a{display:block;color:#555;}
ul.mtree>li>ul>li>h2>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; border-left: 1px solid #eee; border-right: 1px solid #eee;}
ul.mtree li ul.mtree-level-2 li{border: none; background: #fff;}
ul.mtree li ul.mtree-level-2 li a{ padding-left:0; color: #666; padding-left: 15px;}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#333 ;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: #007bc8;color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: #FFC000;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-1 a{font-family: "objectivity_m";}
ul.mtree .mtree-level-2 a{font-family: "objectivity"; line-height: 34px;}
ul.mtree .mtree-level-1 .active>a, ul.mtree .mtree-level-2 .active>a{ color: #00a695; text-decoration: underline;}


.left_h4{line-height: 0.3rem; color: #004094;font-size:0.2rem; position:inherit; text-transform:uppercase;position: relative;border-bottom: 1px solid #eee;  padding: 12px 10px;font-family: "objectivity_bold";}
@media only screen and (max-width:992px) {
.left_nav{padding: 0; border: 0;}
}

.nav_h4{line-height: 0.3rem; color: #fff; font-size:0.2rem; position:inherit; text-transform:uppercase;position: relative; padding:10px; background: #23335d; margin-bottom:0;font-family: "objectivity_m"; border-bottom: 1px solid #fff;}
.nav_h4::after{ content:none;}
.nav_h4:before{ content:"\f03a"; color:#fff; float:right; font:normal normal normal 14px/1 FontAwesome; margin-right:0.06rem; line-height:0.32rem;}
.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:0.2rem; line-height: 0.5rem; margin-bottom: 0; background: #007bc8;}
.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{ margin-top:30px;background: #fff; border: 1px solid #e5e5e5;}
.hot_left ul{border-bottom:none;}
.hot_left ul li{ list-style:none;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position: relative; }
.hot_left ul li .li{ position: relative; z-index: 999; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;  border-bottom: 1px dotted #e5e5e5; background: #fff;padding: 10px;}
.hot_left ul li:last-child .li{ border-bottom: none; margin-bottom: 0;}
.hot_left ul li .img{ float:left; width:30%;display:inline-block; margin-right:0.1rem; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;overflow:hidden; position:relative; flex-shrink: 0; }
.hot_left ul li .h4 a{color:#444; overflow:hidden; line-height:20px; max-height:40px; display:block;  margin-bottom: 0.05rem;  font-size:16px;  padding-right: 20px; margin-top: 5px;font-family: "objectivity_m";}
.hot_left ul li .more{ text-transform: capitalize;color: #007bc8; display: block; margin-top: 0.1rem; font-size: 15px;font-family: "objectivity_m";}
.hot_left ul li .more i{ margin-left: 0.04rem;}
.hot_left ul li .h4 a:hover{ color: #007bc8; text-decoration: underline;}
.hot_left ul li:hover .img img{transform: scale(1.1);}
.hot_left ul li:hover .more{ color: #007bc8;}

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

.video_button{display: inline-flex; position: relative; border-radius: 50%; flex-shrink: 0; margin-bottom: 20px; margin-top: 20px; margin-left: 10px;}
.video_button i{ position: relative; z-index: 666; width: 80px; height: 80px; border-radius: 50%; background: #007bc8; display: inline-flex;align-items: center;justify-content: center;}
.video_button .line-video-animation{position: absolute;left: 0;top: 0;width: 100%;height: 100%; border-radius:50%;opacity: 0;filter: alpha(opacity=0); background: rgba(255,255,255,0.13);}
.video_button .line-video-animation{
	animation:squares 3.9s linear 0s infinite;
	-webkit-animation:squares 3.9s linear 0s infinite;
	-ms-animation:squares 3.9s linear 0s infinite;
	-o-animation:squares 3.9s linear 0s infinite;
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	-o-animation-play-state:running;
	animation-play-state:running;
}
.video_button .line-video-animation.line-video-2{
	-webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s;
}
.video_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}}

.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;font-family: "objectivity_m";}
.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:after{ display: none;}
@media only screen and (max-width:992px) {
.left-adv{ display: none;}
}


.page_num{ margin:0px auto 0px;width:100%;  margin-top: 0.3rem;}
.page_num a{padding:0px 10px; text-align: center;margin-left:5px; color:#666;  display: inline-block;transition: 0.2s; -webkit-transition: 0.2s;	-moz-transition: 0.2s;	-o-transition: 0.2s; text-transform: uppercase;line-height: 40px; height: 40px; float: left; border-radius: 0; min-width: 40px; background: #f7f7f7;}
.page_num a i{ line-height:34px;}
.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}
.total{line-height:24px; color:#666; margin-top:6px; text-transform: capitalize; float: right;}
.total span{ color:#333; margin: 0px 6px;}
.page_num>span{display: inline-block;float: left; padding:0px 10px;line-height:34px; background:#007bc8; transition: 0.6s all; color:#fff !important; line-height: 40px; height: 40px;  color:#fff; margin-left:5px;  min-width: 40px; text-align: center; border-radius: 0;}
@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;}
}

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


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


.navigation li a .meta_nav{display:inline-block;text-transform:uppercase;color:#333;margin-bottom:0;line-height:20px;transition:all .5s;  font-size: 15px; font-family: "objectivity_m";}
.navigation li a:hover .meta_nav{color:#004094; }
.navigation li a .post_title{overflow:hidden;line-height:20px;max-height:40px;margin:0;transition:all .5s; font-size: 16px;}
.navigation li a:hover .post_title{color:#666;}


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


.tags_ul{ padding:0.04rem 0; margin: 0.15rem 0;}
.tags_ul span{  text-transform:uppercase; color:#333; margin-right:0.06rem; font-family: "objectivity_m";}
.tags_ul a{ display:inline-block; padding:0px 0.16rem; background:#f7f7f7;  color:#666;  text-transform: capitalize;line-height: 0.3rem;  border: 1px solid #f7f7f7; font-size: 14px; margin: 1px; border-radius: 3px;}
.tags_ul i{ margin-right:0.3rem; color: #ccc;transition: 0.6s all;}
.tags_ul a:hover{ background: #007bc8; color: #fff;}
@media screen and (max-width: 992px) {
	.tags_ul{ width:100%;}	
}

.blog_nav{ margin-top: 0.3rem; background: #fff; border-radius: 0px;box-shadow: 0 5px 20px 1px rgb(0 0 0 / 5%); }
.blog_nav ul{ padding:0 15px;}
.blog_nav ul li{ list-style:none; border-bottom:1px solid #eee;}
.blog_nav ul li:last-child{ border-bottom: none;}
.blog_nav ul li a{ font-size:16px; color:#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:#007bc8; padding-left:0.1rem;}
.blog_nav ul li a:hover i{ color:#007bc8;}


.hot_tags{ margin-top:30px;  background: #fff;  border-radius: 0px; box-shadow: 0 5px 20px 1px rgb(0 0 0 / 5%); }
.hot_tags a{ display:inline-block; padding:0 0.12rem;  background:#f9f9f9;border:1px solid #f1f1f1; margin:0.04rem;line-height:0.34rem; text-transform: capitalize; font-size: 15px; color: #333;}
.hot_tags a:hover{background: #007bc8; color:#fff;}
.hot_tags .toggle_content{ padding: 15px; }

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

}


/*产品列表*/
.products_m{ margin-bottom:0.1rem;line-height:0.3rem;}

/*products*/
.cbp-vm-switcher {width:100%; }
.cbp-vm-view-grid .tags_ul{ display:none;}
.cbp-vm-view-grid ul li .my_more1{ width: 90%; position: relative; z-index: 999;transition: 0.5s all; bottom: 0;}
.cbp-vm-view-grid ul li .cbp-vm-details{opacity: 0; display: none;}

.cbp-vm-view-grid .pro_more{ margin-top:10px;}
.cbp-vm-options{margin-bottom:15px; text-align:left; padding: 6px; background: #f7f7f7; border-radius: 0;}
.cbp-vm-options p{display:inline-block;      float:left;vertical-align:middle; color:#dd0522; text-transform:capitalize;  margin-left:8px;}
.cbp-vm-options a {vertical-align:middle;height:32px;overflow: hidden;white-space:nowrap;color:#333; line-height:32px; text-align:center; width:32px;display:inline-block; background:#fff; vertical-align: middle; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; float: left; margin-right: 6px;}
.cbp-vm-options a svg{ width: 16px; height: 16px; color: #999;transition: 0.5s all;}
.cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected{ border: 1px solid #007bc8 ; background: #007bc8;}
.cbp-vm-options a:hover svg, .cbp-vm-options a.cbp-vm-selected svg{ color: #fff;}

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

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

.cbp-vm-image .img{ display: block; overflow: hidden;}
.li:hover .cbp-vm-image  .img img{ transform: scale(1.1);}



/* Common icon styles */
.products ul li .li .a{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 555;}
.cbp-vm-icon:before {font-family: 'fontawesome';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.cbp-vm-view-grid ul li {width:25%;text-align: left;vertical-align: top;float:left;}
/* List view */
.cbp-vm-view-list li {text-align:left;white-space:normal;  margin-bottom:0; }
.cbp-vm-view-list li .i_more{ margin-top:0px; }
.cbp-vm-view-list li{ padding: 0.15rem; border-bottom: 1px solid #eee;  background: #fff;box-shadow: 0 6px 20px rgb(47 47 47 / 10%); margin-bottom: 15px;}
.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 .cbp-vm-image,.cbp-vm-view-list .cbp-vm-title,.cbp-vm-view-list .cbp-vm-details,.cbp-vm-view-list .cbp-vm-price,.cbp-vm-view-list .cbp-vm-add {display: inline-block;vertical-align: middle;}

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

.cbp-vm-view-list ul li .quick_ico{display: none;}
.cbp-vm-view-list ul li .h4 a{max-height:60px; line-height:30px; color: #333; font-size:20px; overflow:hidden; display:block; font-family: "objectivity_m"; }
.cbp-vm-view-list ul li:hover .h4 a{ color: #007bc8;}
.cbp-vm-view-list ul li:hover .cbp-vm-image{ border-color: #666;}
.cbp-vm-view-list ul li .pro_ico{display: none;}

/*9gongge*/
.cbp-vm-view-grid ul {list-style: none;padding: 0; margin:0px -0.1rem;}
.cbp-vm-view-grid ul li .li{position: relative;padding:12px; background: #fff;  border: 1px solid #f7f7f7;}
.cbp-vm-view-grid ul li .li:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; border: 1px solid #eee; background: #fff;transition: 0.5s all;}
.cbp-vm-view-grid ul li .li:hover{ z-index: 999;}
.cbp-vm-view-grid ul li .li:hover:after{border: 1px solid #007bc8;box-shadow: 0px 5px 15px rgb(0 0 0 / 10%); height: calc(100% + 35px); }
.cbp-vm-view-grid ul li .i_more{ display: none;}
.cbp-vm-view-grid ul li{  margin-bottom:0.2rem; padding:0px 0.1rem;}
.cbp-vm-view-grid ul li .h4 a{margin:15px 0 10px;line-height:24px;  font-size:18px; height:44px; overflow:hidden;display:block; text-align:center; color: #333; z-index: 999; position: relative; font-family: "objectivity_m";}
.cbp-vm-view-grid ul li .li{text-align:center; position:relative; }
.cbp-vm-view-grid ul li .li .cbp-vm-image{ overflow:hidden; margin-bottom:0.1rem;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position: relative;z-index: 66;  position: relative;}
.cbp-vm-view-grid ul .li{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}


/*效果*/
.products ul li .li .img a{ display:block;}
.cbp-vm-view-grid ul li .li{ position: relative;}
.cbp-vm-view-grid ul li .img a{ display:block; overflow:inherit;}
.cbp-vm-view-grid ul li:hover .img img{transform: scale(1.1);}
.cbp-vm-view-grid ul li .li:hover .my_more1{color: #fff; opacity: 1; bottom: -20px;}
@media screen and (max-width: 1300px) {
   .cbp-vm-view-grid ul li{ width: 33.33%;}
}

@media screen and (max-width: 768px) {
	.cbp-vm-options{ display: none;}
   .cbp-vm-view-grid ul li{ width: 50%;}
}


@media screen and (max-width: 480px) {
   .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 li{float: left; list-style: none; margin-bottom: 0.3rem;}
.news ul li .li{ display: flex;align-items: center; background: #fff; padding: 15px; border-bottom: 3px solid #fff; box-shadow: 0 0 0 1px rgb(255 255 255 / 1%), 0 10px 30px 0 rgb(17 22 38 / 3%);}
.news .img{ width:50%; overflow:hidden; display:block; position:relative;transition: 0.5s all; }
.news .text{ padding-left: 0.3rem; width: 50%;transition: 0.5s all; }
.news .img img{ width:100%;}
.news .li .h4{ line-height: 24px; font-size: 20px; max-height: 48px; color:#333; display:block; overflow:hidden; margin-bottom: 15px; font-family: "objectivity_m";} 
.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 ul li .li{position: relative; transition: 0.5s all; overflow: hidden;}
.news .li .day {color: #999; border-bottom: 1px solid #e5e5e5;padding-bottom: 0.1rem; display: flex; align-items: center;  margin: 0.1rem 0;}
.news .li .day i{margin-right: 0.1rem;}
.news  ul li p{color:#808080; max-height:0.52rem; overflow:hidden; line-height:0.26rem; margin-top:0.06rem; margin-bottom: 0.18rem;}
.news  ul li:hover .img{background: #000;}
.news  ul li:hover .img img{transform: scale(1.1); opacity: 0.7;}
.news  ul li:hover .li{border-bottom: 3px solid #007bc8;transform:translate3d(0,-5px,0);-webkit-transform:translate3d(0,-5px,0);}
.news  ul li .img{ position: relative; flex-shrink: 0;}
.news  ul li .img img{ width: 100%;}



@media screen and (max-width: 768px) {
.news  ul li p{ display: none;}
.news .li .day{ border-bottom: none;}
}


@media screen and (max-width: 460px) {
.news ul li .li{ display: block;}
.news ul li .img{ width: 100%; margin: 0; float: none; margin-bottom: 0.15rem;}
.news ul li .text{padding-left: 0; width: 100%;}
}

.page .list_title{ color: #333; font-size: 0.24rem;font-family: "objectivity_m";}
.blog-info{ border-bottom: 2px dotted #eee; padding: 0.1rem 0; margin-bottom: 0.2rem;}
.blog-info i{ margin-right: 0.06rem; color: #aaa;}

/*sitemap*/
.sitemap{width:100%;}
.stp-listA>li{text-transform:capitalize;list-style:none;margin-bottom: 0.15rem;background:#fff;border-radius: 0;overflow: hidden;}
.stp-top{width:100%;background:#f7f7f7;}
.stp-top .page_info_title{font-size:0.16rem;line-height:0.24rem;text-transform:uppercase;display:block; padding:0;padding:0.15rem 0.2rem;transition:all .5s; color: #333;font-family: "objectivity_m";}
.stp-top .page_info_title:hover{text-decoration:none;color:#333;}
.stp-top .page_info_title i{padding-left:0.05rem;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.stp-top .page_info_title:hover i{padding-left:0.08rem;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.stp-listB{display:block;padding:0.15rem;border:1px solid #eee;border-top:none;padding:0.3rem 0.2rem;list-style:none;margin-top:-1px;background:#fff;border-radius:0;}
.stp-listB>li{width:25%;padding:0.08rem 0.1rem;float:left;overflow:hidden;}
.stp-listB>li>a{line-height:0.22rem;display:block;color:#4d4d4d;}
.stp-listB>li>a i{padding-right:0.05rem;}
.stp-listB>li:hover>a{color:#007bc8; 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:#333 ;text-decoration:none;}
.stp-pro .stp-listB>li .title:hover:after{color:#333 ;}
.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:18px;-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:#333 ;}


@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: #007bc8;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 #007bc8 ; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: #007bc8;}
.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: #007bc8;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%;}

.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='%23007bc8' 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='%23007bc8' p-id='5099'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center;}
.embed-border {box-sizing: border-box; }
.embed-responsive {position: relative;width: 100%;max-width: 100%;padding-bottom: 50%;}
.embed-responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.embed-responsive iframe video{top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}

/*pro_detail*/
.pro_page{ position: relative; z-index: 555; padding-bottom: 0.5rem; background: #f7f7f7;}
.pro_page .pro_main{display: flex;padding: 0.3rem; background: #fff;}
.pro_page .prom_img{ width:32%; position: relative;}
.pro_page .main_text{ width:78%;  padding-left: 0.3rem;}

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

.tab-content > .tab-pane { display: none;}
.tab-content > .active {display: block;}
.products_main .nav-tabs{margin-bottom: 20px; background: #f7f7f7; padding-top: 5px; padding-left: 5px;}
.products_main .nav-tabs li{list-style: none; background: #f7f7f7;  float: left;}
.products_main .nav-tabs li a{ color: #333;font-size:15px; display: inline-block; padding:10px 15px; line-height: 30px; text-transform: uppercase;font-family: "objectivity_m"; font-size: 22px;}
.products_main .nav-tabs li.active a{ background: #fff; color: #004094;}

@media only screen and (max-width: 992px) {
.products_main .nav-tabs li a{ font-size: 15px; padding: 5px 10px;}
}

@media only screen and (max-width: 1260px){
.pro_page .prom_img{ width:40%; position: relative;}
.pro_page .main_text{ width:60%;  padding-left: 0.3rem;}
.pro_table ul li{ width: 100%;}
}


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

}

.pro_inq{ position: relative; background:#fff; overflow: hidden;border-radius: 0; padding: 0.3rem;box-shadow:rgba(0, 0, 0, 0.15) 0px 10px 30px 0px; }
.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; background: #f7f7f7;}
.rel_section .button_outside{  margin: 0.3rem -0.15rem 0; }
.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.1rem;}
.rel_section .li{ padding: 5px; border: 1px solid #eee; background: #fff; text-align: center; border-radius: 0;transition: 0.5s all;box-shadow: 0px 0px 2px rgb(23 43 77 / 4%), 0px 3px 2px rgb(23 43 77 / 8%);}
.rel_section .img{ position: relative; display: block; overflow: hidden;}
.rel_section .li .h4{ color: #333; display: block; line-height: 0.24rem; padding: 0 0.1rem; overflow: hidden; max-height: 0.48rem; margin-top:16px;   margin-bottom: 8px; font-size: 18px;font-family: "objectivity_m";}
.rel_section .li .my_more1{ margin: 0.15rem 0;}
.rel_section .li p{ color: #666; line-height: 22px; overflow: hidden; padding: 0 0.1rem; white-space: nowrap; text-overflow: ellipsis;}
.rel_section .li:hover{ border: 1px solid #007bc8;}
.rel_section .li:hover .img img{transform: scale(1.05);}

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

}

@media only screen and (max-width: 768px) {
.rel_section{ padding: 0.4rem 0;}
.rel_section .i_title { text-align: center !important;}
.rel_section .i_title .p{ text-align: center;}
.rel_section .swiper-slide{ width:50%;}
.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;}

}

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

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



.blog_list{list-style:none;}
.blog_list li{position:relative; list-style:none; border-radius:0; margin-bottom: 0.15rem; }
.blog_list li:last-child{ margin-bottom: 0;}
.blog_list li .li{ padding:0.2rem;  border-bottom: none; transition: 0.5s all;  background: #fff;  border: 1px solid #eee; background-position: right bottom;transition: 0.5s all; }
.blog_list li .li:hover{  border: 1px dotted #007bc8;box-shadow: 0 5px 20px 1px rgb(0 0 0 / 5%);}
.blog_list li:last-child .li{ margin-bottom: 0;}
.blog_list li .img{ float: right; width:45%; margin-left: 0.15rem; margin-top: 0.1rem; overflow: hidden;}
.blog_list li:hover .img img{transform: scale(1.1);}
.blog_list li .news_day{color:#999;margin-top:0;display:block; margin: 0.1rem 0; font-size: 0.14rem;}
.blog_list li .news_day i{color: #aaa; margin-right: 0.04rem;}
.blog_list li .image{display:block;overflow:hidden;margin-right:0.2rem; float: left; width: 36%;}
.blog_list li .image 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 .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));-ms-transform:scale(var(--scale-multiplier,1.05));
transform:scale(var(--scale-multiplier,1.05));}
.blog_list li .title{color:#333;display:block;line-height:30px; max-height: 60px; margin-top: 0.1rem; font-size:20px;font-family: "objectivity_m";}
.blog_list li .title:hover{ color: #333;}
.blog_list li .text{ line-height:24px;overflow:hidden;max-height:48px; margin: 0.05rem 0; color: #666;}
.blog_list li .blog_tag{ margin-top:0.15rem; margin-bottom: 0.15rem;}
.blog_list li .blog_tag p{ display:inline-block;   color:#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: 0; float: none;}
}

/*case_page*/
.case_page ul li{list-style: none; margin-bottom: 30px;}
.case_page ul li .li{ background: #f7f7f7;}
.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;}
}


/*down_load*/
.down_load{ width:100%; margin: 0.6rem auto 0;}
.down_load ul{ width:100%; display:flex; flex-wrap: wrap;}
.down_load ul li{ display:inline-block; width:32%; margin: 0 2% 20px 0; list-style: none; overflow: hidden; border:1px #e6e6e6 solid; text-align: center; padding: 50px 0 35px; transition: all .5s}
.down_load ul li:nth-child(3n){ margin-right:0}
.down_load ul li .icon{ display: block; width: 60px; height: 75px; background: url("../images/icon-pdf.png") no-repeat center top; background-position: 0 100%; transition: 0.3s all; margin: 0 auto}
.down_load ul li:hover .icon{background-position: 0 0;}
.down_load ul li .title{ display:block; color: #222; margin-top: 0.2rem;   }
.down_load ul li:hover{ background:#f5f5f5}

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


/*faq_section*/
.faq_section{position: relative; padding: 0.9rem 0;}
.faq_section .faq_more{ color: #5a5a5a; font-size: 0.24rem; text-transform: uppercase;font-family: "Futura"; margin-top: 32px;}
.faq_section .faq_more .more{ display: inline-block; background: #ffa9c6; line-height: 46px; padding:0 18px 0 10px; font-size: 0.2rem; color: #fff; margin-left: 15px;}
.faq_section .faq_more .more img{ margin-right: 10px;}


.page_faq_l{list-style:none;}
.page_faq_l li.question{position:relative; margin-top: 15px; border: 1px solid #dfe1e6; border-radius: 5px;  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:12px 20px;cursor: pointer;transition: 0.5s all; padding-right: 10px;}
.page_faq_l li.question .column > i{display:inline-flex;width:32px;height:32px;float:right;border-radius:50%;position:relative;text-align:center;margin-top:1px;font-style:normal;align-items: center;justify-content: center;}
.page_faq_l li.question .column > i:before{ font: normal normal normal 20px/1 FontAwesome; content: "\f107"; display: inline-block;width: 14px; color: #d3d3d3;}
.page_faq_l li.question .column > em{color: #333;  font-style: normal; font-size: 0.18rem; display: block; background: url(../images/faq_ico.png) no-repeat left center; padding-left: 40px;}
.page_faq_l li.rotate{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #dfe1e6;}
.page_faq_l li.answer{color:#111;font-size:15px;line-height:24px;overflow:hidden;padding:0 30px;display:none; border: 1px solid #dfe1e6; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.page_faq_l li.answer .text{padding: 0.3rem 0;}
.page_faq_l li.answer a:hover{color:#ffa9c6;}
.page_faq_l li .column.rotate{background: rgba(255,255,255,0.3);  border-top-left-radius: 10px; border-top-right-radius: 10px;backdrop-filter: blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px);backdrop-filter: saturate(180%) blur(10px);}
.page_faq_l li.rotate .column> i{background:rgba(255,255,255,0.2);}
.page_faq_l li.rotate .column > i:before{content: "\f106";}
@media only screen and (max-width: 992px) {
.faq_section{ padding: 0.4rem 0;}
.page_faq_l li.question .column{ padding: 14px 20px;}
}

@media only screen and (max-width: 768px) {
	.page_faq_l li.question .column > em{font-size:14px;margin-top:4px;line-height:20px;}
	.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;}
	.page_faq_l li.question .column{border-radius:10px}
	.page_faq_l li.answer{padding:15px 0 10px 0;font-size: 14px;}
	.page_faq_l li.question .column > em{max-width:82%;font-size: 14px; }
}
 

@media only screen and (max-width: 1299px) {
.faq_column{ margin:35px -10px 0}
.faq_column .page_faq_l{ padding:0 10px;}	
	.faq_column .page_faq_l li.question .column > em{max-width: 88% }
}
@media only screen and (max-width: 939px) {
.in_faqW{ padding: 50px 0}
.faq_column{ margin:25px -5px 0}
.faq_column .page_faq_l{ padding:0 5px;}	
.faq_column .page_faq_l li.question .column > em{max-width: 82%; font-size: 16px }
.in_faqW{ background-position: bottom left}
}

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



/*video_l*/
.video_l{list-style:none;}
.video_l li{margin-bottom: 0.5rem;}
.video_l li .column{transition:all .5s;background:#f7f7f7;border-radius: 0; padding-bottom: 20px;}
.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);}
.video_l li .video_button{display: inline-flex;position: absolute;transform: translate(-50%, -50%);left: 50%;top:50%;width: 56px;height: 56px;border-radius:50%;font-size: 18px;background:#007bc8;align-items: center;justify-content: center;z-index: 99;color: #fff;transition:all .5s;}
.video_l li .video_button .line-video-animation{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:2px solid rgba(255,255,255,0.27);border-radius:50%;opacity: 0;filter: alpha(opacity=0);}
.video_l li:hover .video_button{width: 70px;height: 70px;text-decoration: none;background:#fff;color: #333;}
.video_l li:hover .video_button .line-video-animation{
	animation:squares 3.9s linear 0s infinite;
	-webkit-animation:squares 3.9s linear 0s infinite;
	-ms-animation:squares 3.9s linear 0s infinite;
	-o-animation:squares 3.9s linear 0s infinite;
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	-o-animation-play-state:running;
	animation-play-state:running;
}
.video_l li:hover .video_button .line-video-animation.line-video-2{
	-webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s;
}
.video_l li:hover .video_button .line-video-animation.line-video-3{
	-webkit-animation-delay:2.6s;
	-moz-animation-delay:2.6s;
	-o-animation-delay:2.6s;
	animation-delay:2.6s;
}

@-webkit-keyframes squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.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{ display: inline-block; line-height:32px; background: #007bc8; 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; overflow:hidden;color: #333; margin: 0.2rem 0 0.15rem;  padding: 0 15px;   font-family: "objectivity_m";}
.video_l li p{ line-height: 0.22rem; height: 0.66rem; overflow: hidden; font-size: 0.15rem; color: #999; padding: 0 15px;}

@media only screen and (max-width: 768px) {
	.video_l li{padding:0 5px; margin-bottom: 15px;}
	.video_l li{width:50%;}
}
@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;}
.case ul li{ list-style: none; padding: 0px 10px; float: left; width: 25%; margin-bottom: 20px;}
.case ul li .li{ position: relative; overflow: hidden; overflow: hidden;}
.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;}
.case ul li .li .img img{ width: 100%;}
.case ul li .li .text{ padding: 10px 0; text-align: center;}
.case ul li .li .text .title{ font-size: 18px; color: #333; display: block; line-height: 24px; max-height: 48px; overflow: hidden;font-family: "objectivity_m"; }

.case ul li .li:hover .img img{transform: scale(1.1);}

@media only screen and (max-width:1200px) {
.case ul li{ width: 33.33%; transform: translateY(0) !important; margin-bottom: 20px;}

}

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

/*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-weight:700;
}
.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;font-family: 'poppins-regular';
    position: absolute; 
    letter-spacing: 20px; 
    pointer-events: none;
    width: 100%;
    text-align: center;line-height: 220px;  
    color: #f7f7f7;
    animation: fadeInDownSmall 0.5s ease-in-out; font-weight:700}
.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-weight:700; color:#fed300}
.page_history .slide-content ul .list_div>div>p{ font-weight:500; font-size:14px; color:#333; margin-top:10px}

/*侧边栏筛选*/
.pro_filter_title{ background: #eee; padding: 8px; color: #333; font-family: "objectivity_m"; font-size: 18px;margin-bottom:15px;}
.pro_filter .nav_h4{ display: none;}
@media only screen and (max-width:992px) {
.pro_filter .nav_h4{ display: block;}
.pro_filter .main{margin:auto;padding:0px;overflow: auto;max-height:340px;}
}
.ChckBx{padding-left:20px;}
.ChckBx input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top:4px;left:0px;height: 20px;width: 20px;background-color: #fff;border: 1px solid #9b9b9b; border-radius: 2px;}
.ChckBx:hover input ~ .checkmark {border: 1px solid #cb186f;}
.ChckBx input:checked ~ .checkmark {border: 1px solid #007bc8;}
.checkmark:after {content: "";position: absolute;display: none;}
.ChckBx input:checked ~ .checkmark:after {display: block;}
.ChckBx .checkmark:after {left: 6px;top: 0px;width: 8px;height: 16px;border: solid #007bc8;border-width: 0 4px 4px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.ChckBx a {/*font-size: 20px;*/color:#007bc8;font-weight: bold;}

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

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


.pro_filter .ContentLeftBx ul li {list-style-type:none; padding: 0 8px;}

.pro_filter .main::-webkit-scrollbar-track{/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/border-radius: 10px;background-color: #F5F5F5;}
.pro_filter .main::-webkit-scrollbar{width: 5px;background-color: #F5F5F5;}
.pro_filter .main::-webkit-scrollbar-thumb{border-radius: 10px;	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/	background-color: #ccc;}
.pro_filter .main::-webkit-scrollbar-button {background-color: #fff;}

.pro_filter .ContentLeftBx .MediumTitle {padding-left:0px; }
.pro_filter .ContentLeftBx  .MediumTitle span{padding-left:0px;  }
.pro_filter .ContentLeftBx .ChckBx{   padding-top: 2px;display: block;position: relative;padding-left:29px;margin-bottom: 10px;cursor: pointer;font-size:16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; text-transform: capitalize;font-family: "objectivity_m"; color: #555;}

.pro_filter .ContentLeftBx .ChildFilter_ul02{ padding-left: 0.2rem; }
.pro_filter .ContentLeftBx .ChildFilter_ul02 .checkmark{height: 16px;width: 16px;}
.pro_filter .ContentLeftBx .ChildFilter_ul02 .ChckBx .checkmark:after {left: 5px;top: 0px;width: 8px;height: 15px;}
.pro_filter .ContentLeftBx  .ChildFilter_ul02 .ChckBx{ padding-left: 24px; font-size: 15px; line-height: 20px;font-family: "GreycliffCF-Medium";}