background-position:center center; background-attachment: fixed;}
.index_partner .i_title .title{ color: #fff;}
.index_partner ul{display: flex;flex-wrap: wrap; position: relative;align-items: center;justify-content: flex-start;}
.index_partner ul li{ padding: 10px 7px; list-style: none; width: 12%;}@charset "UTF-8";

@font-face{
	font-family:'poppins';
	src:url(../font/original-poppins-regular.ttf); 
	src:url(../font/poppins-regular.eot); 
	src:url(../font/poppins-regular.svg); 
	src:url(../font/poppins-regular.ttf); 
	src:url(../font/poppins-regular.woff); 
	src:url(../font/poppins-regular.woff2);
}

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

  @font-face {
    font-family: 'BarlowCondensed';
    src:url(../font/BarlowCondensed.eot);
    src: url(../font/BarlowCondensed.eot?#iefix) format('embedded-opentype'),
	 url(../font/BarlowCondensed.woff) format('woff'),
	 url(../font/BarlowCondensed.woff2) format('woff2'),
	 url(../font/BarlowCondensed.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

  :root {
	--main-color: #4385f5;
	--hover-color:#4385f5;
	--main-font: "poppins", sans-serif;
	--bold-font: "Poppins-SemiBold", sans-serif;
	--title-font: "BarlowCondensed", sans-serif;

}

@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";
  }
  


@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 { margin: 0 auto; padding-left: 1.6rem; padding-right: 1.6rem;}
@media screen and (max-width: 1500px)  {.container{padding-left: 30px; padding-right: 30px; width: 100%;}}
@media screen and (max-width: 769px)  {.container{padding-left: 15px; padding-right: 15px; max-width: 100%;}}

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

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

* {outline: none !important;}
body {
    margin: 0;
    padding: 0;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666;
    overflow-x: hidden;
    line-height: 1.7;
    font-size: 14px;
}
strong,b{ font-weight: bold;}
@media screen and (max-width: 1200px) {body {font-size: 13px;}}


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

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

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

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

/*inquiry*/
/*inquiry*/
.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:20px;text-align: left;}
.inquiry ul li label{ font-size: 14px; color: #333; font-family: var(--bold-font);display: inline-block; margin-bottom: 10px; text-transform: capitalize;}
.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='%23fdc69a'%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='%23fdc69a'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_c:before{background-image: url("data:image/svg+xml,%3Csvg t='1715236487062' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4396' width='22' height='22'%3E%3Cpath d='M956.624449 922.846357h-29.442936V592.832598c0-17.701887-8.850944-41.545246-29.984829-50.396189l-267.334627-174.851297V93.747751l-2.890104-6.141471C614.869642 57.802081 588.316811 42.809667 555.622508 48.770506L136.376786 173.586876c-23.843359 8.850944-41.545246 32.694302-41.545246 59.427765v689.831716H64.84671c-18.243782 0-29.98483 14.992415-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h891.777739c18.243782 0 29.98483-12.102311 29.98483-29.98483-0.180632-18.243782-12.282942-29.98483-29.98483-29.98483z m-89.231964-333.265126v333.265126H629.862057V435.683189l237.530428 153.898042zM153.536779 233.014641l415.994355-124.81637v814.648086H153.536779V233.014641z' p-id='4397' fill='%23cdcdcd'%3E%3C/path%3E%3Cpath d='M450.856236 325.136708H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483 0-18.424413-12.282942-29.98483-29.984829-29.98483zM450.856236 503.058741H272.753572c-18.243782 0-29.98483 12.102311-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-12.102311 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM450.856236 681.703299H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM688.747927 712.049391c0 18.243782 12.102311 29.98483 29.98483 29.98483h59.427765c18.243782 0 29.98483-11.741048 29.98483-29.98483v-0.180631-0.180632c0-18.243782-12.102311-29.98483-29.98483-29.984829h-59.427765c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263z' p-id='4398' fill='%23fdc69a'%3E%3C/path%3E%3C/svg%3E");;}
.inquiry ul li span.ms_n:before{background-image: url("data:image/svg+xml,%3Csvg t='1715236952068' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5481' width='22' height='22'%3E%3Cpath d='M819.413333 794.026667a332.8 332.8 0 0 0-71.509333-106.026667 332.8 332.8 0 0 0-147.413333-85.888 274.56 274.56 0 0 0 106.325333-66.218667 273.706667 273.706667 0 0 0 80.682667-194.688c0-73.514667-28.586667-142.72-80.682667-194.688a273.706667 273.706667 0 0 0-194.730667-80.725333c-73.472 0-142.677333 28.586667-194.688 80.725333a273.706667 273.706667 0 0 0-80.682666 194.688c0 73.514667 28.586667 142.677333 80.682666 194.688a274.56 274.56 0 0 0 106.282667 66.218667 332.8 332.8 0 0 0-147.413333 85.888 332.8 332.8 0 0 0-97.706667 235.904 35.968 35.968 0 1 0 72.021333 0c0-69.888 27.221333-135.594667 76.629334-185.002667a259.882667 259.882667 0 0 1 185.002666-76.586666c69.888 0 135.594667 27.178667 185.002667 76.586666a259.882667 259.882667 0 0 1 76.586667 185.002667 35.968 35.968 0 1 0 71.978666 0 335.488 335.488 0 0 0-26.368-129.92zM308.608 341.162667c0-112.213333 91.306667-203.392 203.392-203.392a203.648 203.648 0 0 1 203.392 203.392A203.562667 203.562667 0 0 1 512 544.597333a203.648 203.648 0 0 1-203.392-203.392z' fill='%23fdc69a' opacity='.65' p-id='5482'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_m:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667534152' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9305' width='24' height='24'%3E%3Cpath d='M832.161 351.79c-17.673 0-32 14.327-32 32v479.85H224.037V223.784h414.605c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32V895.64c0 17.673 14.327 32 32 32h640.124c17.673 0 32-14.327 32-32V383.79c0-17.673-14.327-32-32-32z' fill='%23fdc69a' 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='%23fdc69a' p-id='9307'%3E%3C/path%3E%3C/svg%3E"); background-position: center 10px;} */
.inquiry ul li input{background:#f7f7f7;height:50px;width:100%;line-height:52px;padding-right:10px; color:#666; border: 1px solid #eee; border-radius:0; padding-left: 10px;font-size: 14px; border-radius: 0;}
.inquiry ul li textarea{height:1.25rem;background:#f7f7f7;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:#666; border-color:#333;}
.inquiry ul li input:-ms-input-placeholder{color:#666;}/* Internet Explorer 10+ */ 
.inquiry ul li input::-webkit-input-placeholder{color:#666;}/* WebKit browsers */
.inquiry ul li input::-moz-placeholder{color:#666;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li input:-moz-placeholder{color:#666;}/* Mozilla Firefox 19+ */ 
.inquiry ul li textarea:-ms-input-placeholder{color:#666;}/* Internet Explorer 10+ */ 
.inquiry ul li textarea::-webkit-input-placeholder{color:#666;}/* WebKit browsers */
.inquiry ul li textarea::-moz-placeholder{color:#666;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li textarea:-moz-placeholder{color:#666;}/* 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 var(--hover-color); background-color: #fff;box-shadow: 0 0px 6px rgb(169 103 0 / 8%), 0 0px 15px rgb(169 103 0 / 15%);transition: all .2s ease-in-out;}
.inquiry select{width:100%;height:50px;border:none;border:1px solid #d7d7dc;background-color:#fff; padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none;background: bottom; position: relative; z-index: 666; color: #666;}
.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{  border-bottom: 1px solid #ddd;font-size: 20px;font-family: "GilroyB"; color: #333;}
.inquiry  .subject_title a{ color:#f6a528;}
.inquiry  .subject_title span{ color:#444; margin-right:0.1rem;}


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



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

}

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

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

#menu-mobile {width:40px; height:40px;  display: flex !important; position: fixed; right: 0; top: 0; z-index: 999999; background:#4385f5;transition: 0.5s all;align-items: center; box-shadow: 2px 0 20px 0 rgb(0 0 0 / 8%); border-radius:0;}
#menu-mobile .btn-nav-mobile {
	color: #fff;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	z-index: 8888888;
	height: 16px;
    position: fixed;
    width: 20px;
	-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;
	right: -10px;
	width: 20px;
	top:8px;
}
#menu-mobile .btn-nav-mobile:before {top:3px}
#menu-mobile .btn-nav-mobile span {	bottom:-4px;}
#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:15px; display: flex; color: #333; line-height: 30px; font-size: 14px; margin-bottom: 10px;}
.nav_con a{ color: #333; line-height: 36px;}
.nav_con .email_btn{  border-radius: 3px; background: var(--main-color); color: #fff; line-height: 36px; padding: 0 10px; float: right; display: none;}
}

.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;}
.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:46px; display: flex; align-items: center; padding-right:16px; font-size: 18px; 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.2229 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: 14px 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; padding-left: 5px;}
.mob_logo img{ max-height:20px;}
.mob_language{ margin-top: 0.3rem; }
.mob_language p,.mob_sns p{ font-size: 0.2rem; color: #000; text-transform: capitalize; font-family: var(--bold-font);}
.mob_language a{ float: left; width: 33.33%; display: flex; padding: 8px 0;align-items: center; color: #666;font-size: 14px; text-transform: uppercase;}
.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; }
.language{position: absolute; right: 80px; top: 0; z-index: 1111111; }
.language p{width: 50px; padding-right: 0; overflow: hidden; height: 50px; padding-left: 50px;}
.language p:after{display: none;}
}
.lang_web{ float: left; text-transform: capitalize; margin-top: 8px;}
.lang_web img{ margin-right: 4px;}
.lang_web a{ font-weight: normal; line-height: 24px; padding: 0 !important; border: 0; font-size: 15px; color: #666; float: left; display: flex; margin-left: 12px; display: flex;align-items: center;}

/*Search*/
.ico_search{ display: inline-block; width:0.46rem; height:0.6rem;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; background-position: center center;}

.ico_search i{font-style: normal; color:#fff; text-transform: uppercase;}
.search-box {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.75);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index: 9999992;}
.search-box.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.search-box .container {position: relative; width: 100%; max-width:8rem;margin: 4em auto;background: #FFF;border-radius: .25em .25em .4em .4em;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s; padding: 0.3rem;}
.search-box .title{  font-size: 0.3rem; text-transform:capitalize; padding: 15px 0; color: #333; text-align: center;}
.search-box .search-close {position: absolute;top: 8px;right: 8px;width: 30px;height: 30px;}
.search-box .search-close::before, .search-box .search-close::after {content: '';position: absolute;top: 12px;width: 14px;height: 3px;background-color: #8f9cb5;}.search-box .search-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 8px;}
.search-box .search-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 8px;}
.is-visible .search-box {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);
transform: translateY(0); background: #eee; padding: 0 20px 20px;}

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

@media screen and (max-width:992px) {
	.search-box .title{font-size: 18px; line-height: 20px;}
	.search_input { left:0; width: 100%; top:0; }
	.search-box .container{padding: 20px !important; margin: 0; border-radius: 0; transform:translate(0);max-width: 100%;}

}

/*select*/
.select .select-trigger{ color: #fff; font-size: 0.13rem;text-transform: capitalize; float: right; background: #c04b4a; line-height: 0.4rem;  padding: 0 0.15rem; margin: 0.07rem 0.23rem;}
.select-modal{background: #fff;}
.select-modal {position: fixed;top:20%;left: 50%;width: 50%;width: 100%; max-height: 100%;  max-width: 1000px; max-height: auto;z-index: 99999999995;visibility: hidden;-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);-ms-transform: translate(-50% , -50%);transform: translate(-50% , -50%); transition: 0.3s; opacity: 0;}
@media screen and (max-width:992px) {
	.select-modal{overflow-y: auto;}
}
.select-show{ top: 50%;visibility: visible; opacity: 1;}
.select-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 999999999;opacity: 0;filter:alpha(opacity=0);background: rgba(1,1,1,0.7);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.select-show ~ .select-overlay {opacity: 1;visibility: visible;filter:alpha(opacity=100);}
.select-content{ padding: 0.3rem;}
.select-content .main .mess_main{ float: left; width: 44%;}
.select-content .select-close {position:absolute;right:10px;top:10px;border:none;background-color:transparent;}
.select-content .select-close i{width:30px;height:30px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
.select-content .select-close i:before,.select-content .select-close i:after{content:'';display:inline-block;background:#4d4d4d;width:20px;height:2px;margin:2px 0;}
.select-content .select-close i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
.select-content .select-close i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}
.select-content .select_title em{display: block;font-size:30px; font-family: var(--bold-font);color: #333;text-transform: uppercase; font-style: normal; margin: 10px 0;}
.select-content .select_title .text{font-size: 14px;line-height: 20px;color: #808080; margin-bottom: 20px;}
.select-content .main .send_column{background: none;box-shadow: none;padding: 0;}
.select-show .select-content::-webkit-scrollbar {width: 5px;}
.select-show .select-content::-webkit-scrollbar-track {background-color:#f2f2f2;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;opacity: 0.5}
.select-show .select-content::-webkit-scrollbar-thumb {background-color:#004082;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;}
.select-content .select-close {position:absolute;right:20px;top:20px;border:none;background-color:transparent;}
.select-content .select-close i{width:30px;height:30px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
.select-content .select-close i:before,.select-content .select-close i:after{content:'';display:inline-block;background:#808080;width:20px;height:2px;margin:2px 0;}
.select-content .select-close i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
.select-content .select-close i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}

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

.select-show .select-content::-webkit-scrollbar {width: 3px;}
.select-show .select-content::-webkit-scrollbar-track {background-color:#f2f2f2;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
.select-show .select-content::-webkit-scrollbar-thumb {background-color:#ccc;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
@media only screen and (max-width:768px) {.select-modal.select-show .select-content img{ display: none;}}

/*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: 46px; height: 46px; position: initial; display: flex; background:#fff; margin: 0; box-shadow: 0 0 30px rgba(0,0,0,0.1); transition: 0.5s; font-weight: bold;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 12px;}
.swiper-scrollbar-drag{ background:  var(--main-color);}

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

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

.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;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
display: block;	}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {	position: absolute}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {padding:0 1px;}

/*honor*/
.honor_section{ position:relative; overflow: hidden;}
.honor_section .swiper-wrapper{ height: 100%;}
.modelTostChile .swiper-wrapper{ height: 100%;}
.modelTost {display: none;background: rgba(0, 0, 0, .85);z-index: 999999999;width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.modelTostChile {width: 100%; height:100%; padding: 3% 0.3rem;}
.modelTostChile .swiper-container{height: 100%;}
.modelTostChile .swiper-slide{display: flex;align-items: center;justify-content: center;}
.modelTostChile  img{ max-height: 100%;}
.modelClose {float: right;cursor: pointer; font-size:40px; margin: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%;  color: rgba(255,255,255,1); z-index:9999999; text-align: right; padding-right: 20px;}
.modelTost .swiper-slide {text-align: center; opacity: 0;}
.modelTost .swiper-slide.swiper-slide-active{ opacity: 1;}
.modelTost .swiper-slide img {text-align: center; position: relative;}
.appBox li{margin-bottom: 30px;}
.appBox li .li{margin-bottom: 30px; position: relative;}
.appBox li .img{position: relative;}
.appBox li .img img{cursor: pointer;}
.appBox{position: relative;}
.appBox li{ float: left; width: 33.33%; list-style: none; padding:0 10px !important;}
.appBox .swiper-wrapper{position: relative;}
.modelTostChile .swiper-button-prev,.modelTostChile .swiper-rtl .swiper-button-next{left: 10%; position: absolute; z-index: 9999999;}
.modelTostChile .swiper-button-next,.modelTostChile .swiper-rtl .swiper-button-prev{right: 10%; position: absolute;z-index: 9999999;}
.modelTostChile .swiper-button-prev, .modelTostChile .swiper-button-next{color: #fff;}

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

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

}

.about{background: #fff; padding: 0.4rem;}

/*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;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23ffffff'%3E%3C/path%3E%3C/svg%3E "); background-color: rgba(0,0,0,0.5);}

/*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-pagination-bullet-active{ background: var(--main-color); border-color: var(--main-color);}
.banner .swiper-slide {position: relative;}
.banner .swiper-slide:after{ position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; z-index: 3;}
.banner .swiper-slide-active{ display: block; position: relative; z-index: 666;}
.banner .swiper-slide img {display: block;width: 100%;}
.banner .swiper-slide .banner_text {position: absolute;width:100%;left:0;transition: all 0.5s;position: absolute;bottom:50%; z-index: 666;text-align:center; transform: translate(0%, 50%);}
.banner .swiper-slide .banner_text .banner_main{ max-width: 12rem; margin:0 auto;}
.banner .swiper-slide .banner_text .title { transform: translateY(15px);  opacity: 0; color:#fff; font-size: 0.6rem; line-height: 0.76rem;position: relative; display: inline-block; text-transform: uppercase;position: relative; font-family: var(--title-font);}
.banner .swiper-slide .banner_text .p{ transform: translateY(15px); opacity: 0; color: #333;font-size: 0.4rem; line-height: 0.6rem; font-weight: 400; color: #fff;}
.banner .swiper-slide .banner_text .more{ transform: translateY(30px); opacity: 0; color: #fff; font-size: 0.5rem;line-height: 0.6rem;}
.banner .swiper-slide .banner_text .my_more1{background-color:var(--main-color); color: #fff; margin-top: 0.2rem;}
.banner .swiper-slide-active .banner_text .img { transition: all .5s ease .6s; transform: translateY(0);  opacity: 1;}
.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:1400px) {
.banner .container{ padding: 0px 30px;}
.banner .swiper-slide .banner_text .p{  line-height: 24px; font-size: 20px;}
.banner .swiper-slide .banner_text .p a{padding: 0 0.2rem; font-size: 16px; margin-bottom: 10px;}
}

@media only screen and (max-width:1200px) {
	.banner .swiper-slide .banner_text .title{font-size: 0.6rem; line-height: 0.66rem;}
	.banner .swiper-slide .banner_text .title:after{display: none;}
}

@media only screen and (max-width: 992px){
.banner .swiper-slide .banner_text .banner_main{padding-right: 0; padding: 0.15rem;}
.banner .swiper-slide .banner_text .img{display: none;}
.banner .swiper-slide .banner_text .title{font-size: 0.5rem; margin-bottom: 10px;}
.banner .swiper-button-prev, .banner .swiper-rtl .swiper-button-next,.banner .swiper-button-next, .banner .swiper-rtl .swiper-button-prev{ display: none;}
}

@media only screen and (max-width: 768px){
	.banner .container{padding: 0 10px;}
	.banner .swiper-slide .banner_text .banner_main{ width: 100%;}
	.banner .swiper-slide .banner_text .my_more1{display: none;}
	.banner .swiper-slide .banner_text .p{  font-size: 14px; line-height: 20px;}
	.banner .swiper-slide .banner_text .title{font-size: 0.3rem;margin: 0; line-height: 0.3rem; margin-bottom: 10px; border-radius: 2px;}

}

@media only screen and (max-width: 500px){
	.banner .swiper-slide .banner_text .title{font-size: 0.2rem; line-height:0.26rem;}
	.banner .swiper-slide-active .banner_text .more{display: none;}
	.banner .swiper-slide .banner_text .p{ font-size: 12px; 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.26rem; height: 0.5rem; color: #fff; position: relative;overflow: hidden; text-transform:uppercase; font-size:14px; min-height: 40px;align-items: center;justify-content: center; background:var(--hover-color); font-family: var(--bold-font); border-radius: 5px;}
.my_more1:after{ position: absolute; right:15px; top: 0; display: inline-block;content: " "; background-image: url("data:image/svg+xml,%3Csvg t='1713515495749' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10944' width='26' height='26'%3E%3Cpath d='M347.687 144.188l-52.761 52.238 313.928 316.082-316.568 313.42 52.314 52.673 369.322-365.663z' fill='%23ffffff' p-id='10945'%3E%3C/path%3E%3C/svg%3E"); width: 0.2rem; height: 100%;  background-repeat: no-repeat;  background-position: center center; background-size: 14px auto; transition: 0.3s all; opacity: 0;}
.my_more1:before { content: ' '; position: absolute; background:rgba(255,255,255,0.4); 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{ height: 0.46rem; }
.my_more1:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08); padding-right: 0.4rem;}
.my_more1:hover:after{ opacity: 1;}
.my_more1:hover:before{ width: 100%;}

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


/*Search*/
.nice-select {-webkit-tap-highlight-color: transparent;background-color: #fff;box-sizing: border-box;clear: both;cursor: pointer;display: block;float: left;font-family: inherit;font-size: 14px;font-weight: normal;height: 46px;line-height: 46px;outline: none;padding-left: 18px;
padding-right: 30px;position: relative;text-align: left !important;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
white-space: nowrap;width: auto;}
.nice-select:hover {border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {border-color: #999; }
.nice-select:before{ position: absolute; right: 0; top: 12px; height: 22px; background:#d2d2d2; content: ''; width: 1px;}
.nice-select:after {position: absolute; color: #333; right:14px; top:50%;font: normal normal normal 14px/1 FontAwesome;content: "\f107"; line-height:0.2rem; margin-top: -0.1rem;}
.nice-select.open .list {opacity: 1;pointer-events: auto;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);	transform: scale(1) translateY(0); }
.nice-select.disabled {border-color: #ededed;color: #999;pointer-events: none; }
.nice-select.disabled:after {border-color: #cccccc; }
.nice-select.wide {width: 100%; }
.nice-select.wide .list {left: 0 !important;right: 0 !important; }
.nice-select.right {float: right; }
.nice-select.right .list {left: auto;right: 0; }
.nice-select.small {font-size: 12px;height: 36px;line-height: 34px; }
.nice-select.small:after {height: 4px;width: 4px; }
.nice-select.small .option {line-height: 34px;min-height: 34px; }
.nice-select .list {background-color: #fff;border-radius: 5px;box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);box-sizing: border-box;margin-top: 4px;opacity: 0;
overflow: hidden;padding: 0;pointer-events: none;position: absolute;top: 100%;left: 0;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;	transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);-ms-transform: scale(0.75) translateY(-21px);	transform: scale(0.75) translateY(-21px);-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {background-color: transparent !important; }
.nice-select .option {cursor: pointer;line-height: 40px;list-style: none;min-height: 40px;outline: none;padding-left: 18px;padding-right: 29px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #f6f6f6; }
.nice-select .option.disabled {background-color: transparent;color: #999;cursor: default; }
.no-csspointerevents .nice-select .list {display: none; }
.no-csspointerevents .nice-select.open .list {display: block; }
	

.top_search{ display: flex; height: 50px; border: 2px solid #4385f5; background: #fff; width: 640px;}
.top_search .box{ flex-shrink: 0; line-height: 40px;position: relative; padding-right: 5px;}
.top_search .box select{ height: 46px; padding-left: 10px;}
.top_search .box:after{ position: absolute; right: 0; top: 50%; width: 1px; height: 22px; margin-top: -11px; background: #aaa; content: '';}
.search_web{position: relative;  width: 90%; z-index: 1;height:46px;  overflow: hidden;}
.search_web .form-control{color:#999;float:left; line-height:46px;font-size:14px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%;  background:#fff; padding-right:50px; box-shadow: none; float: none;padding-left: 0.1rem; height: 100%; padding-left: 0.15rem;}
.search_web .form-control:focus{ color:#222;}
.search_web .search_btn{display:block; padding-left: 40px; padding-right: 18px; height:46px;cursor:pointer; border:none; position:absolute; bottom:0; right:0;color: #fff; font-size: 14px; line-height: 30px; background-image: url("data:image/svg+xml,%3Csvg t='1679645734545' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4512' width='24' height='24'%3E%3Cpath d='M487.8 258.68c118.69 0 218.72 92.87 227.73 211.42 9.56 125.77-84.98 235.87-210.75 245.42-5.93 0.45-11.83 0.67-17.69 0.67-118.69 0-218.73-92.87-227.74-211.42-4.63-60.92 14.74-120.01 54.55-166.36 39.81-46.35 95.28-74.43 156.2-79.06 5.94-0.44 11.84-0.67 17.7-0.67m-0.01-96c-8.26 0-16.59 0.31-24.96 0.95-178.83 13.6-312.79 169.59-299.2 348.43 12.96 170.46 155.29 300.15 323.46 300.15 8.26 0 16.59-0.31 24.96-0.95 178.84-13.59 312.79-169.59 299.2-348.42-12.95-170.47-155.28-300.16-323.46-300.16z' fill='%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-position: 12px center; background-repeat: no-repeat; background-color: #4385f5;}


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


.top_section .main{ display: flex; align-items: center;justify-content:space-between;transition: 0.5s; height: 1.48rem;}
.top_section .main #logo{ padding: 5px 0; display: flex;align-items: center; height: 100%; flex-shrink: 0;transition: none;}
.top_section .main #logo img{ max-height: 0.79rem; transition: none;}
.top_section .main #logo h1{flex-shrink: 0;}
.top_section .top_mid{ padding: 0 5%; display: flex;flex-direction: column; align-items: center;}
.top_section .top_hot{ display: flex;flex-wrap: wrap; margin-top: 6px;}
.top_section .top_hot a{ padding-right: 16px; margin-left: 16px; display: inline-block; position: relative;}
.top_section .top_hot a:after{ position: absolute; right: 0; width: 1px; top: 50%; height: 12px; margin-top: -6px; background: #989898; content: '';}
.top_section .top_hot a:last-child:after{ display: none;}

.nav_section{ background: #4385f5;}
.nav_section .main{ display: flex;align-items: center;justify-content: space-between;}
.height{ height: 1.48rem;}

.nav_npage .main-menu>li>a{ color: #333;}
.main-menu>li>a { font-size:17px; color: #fff; line-height:0.3rem; padding:0.13rem 0.16rem; position: relative; text-transform:capitalize;  font-family: var(--bold-font);}

.top_sns img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.nav_r{display: flex;align-items: center;}
.nav_quote{ background:var(--hover-color); padding: 0 0.22rem;float: right;border-radius: 5px;}
.nav_quote a{ color: #fff; font-family: var(--bold-font);line-height: 0.46rem; text-transform: uppercase; }
.nav_quote a img{ margin-right: 4px;}
.language_web{ line-height: 32px; color: #666; flex-shrink: 0; padding: 0 8px;}
.language_web a{ color: #666; font-size: 14px; text-transform: uppercase;align-items: center; padding: 0 8px; position: relative;}
.language_web a:last-child:after{ position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #89b2f9; content: ''; margin-top: -5px;}
.language_web a img{margin-right: 8px;}
.language_web a:hover{ text-decoration: underline;}

@media screen and (min-width:992px) {
	header.small #logo{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
	header.small .top_section .top_hot{display: none;}
	header.small .top_section .top_adv{display: none;}
	header.small .top_section .main{padding: 10px 0; height: auto;}
	header{width: 100%;z-index: 888888;padding: 0;position:absolute;transition: 0.5s all;}
	header.small{left:0; top:0; position:fixed;font-size:100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 23px 4px; background: rgba(4, 115, 185, 0.95);}
	header.small .top_section .main #logo img{max-height: 0.5rem;}

}


.top_recomm{ background: #eee;}
.top_recomm ul li{ list-style: none; float: left; display: flex;align-items: center;}
.top_recomm ul li:first-child{ margin-right: 0.2rem;}
.top_recomm ul li a{ font-size: 14px; color: #666; margin-left: 0.2rem; line-height: 20px; padding: 0.15rem 0;}
.top_recomm ul li a:hover{ text-decoration: underline; color:var(--hover-color);}

.index_adv1{ padding:0.3rem 0; list-style: none; background: #f3f5f9 url(../images/introShape.png) no-repeat right bottom; background-size: 30% auto;}
.index_adv1 ul li{ list-style: none;}

.mob_item{padding-bottom: 0.3rem;}
.mob_item a{ width: 20%; text-align: center; float: left; display: flex;flex-direction: column; font-family: var(--bold-font); color:#333; margin-bottom: 10px;align-items: center;}
.mob_item a .icon{ margin-bottom: 5px; max-width: 0.6rem;}
.mob_item a:nth-child(5n+1){ clear:both;}
@media only screen and (max-width:1900px) {
	.top_recomm{ padding: 5px 0;}
	.top_recomm ul li a{padding: 5px 0;}
	.main-menu>li>a{font-size: 15px;}
	.main-menu>li{margin-right: 0;}
}


@media screen and (max-width:1500px) {
	.main-menu>li>a{font-size: 15px;}
	.top_section .main{padding: 0;}
	header.small .top_section .main{padding: 0;}
	.language_web{ border-radius: 0;}
}


@media screen and (max-width:1300px) {
	header .main #logo{padding-left: 15px;}
	header .main .top_r{padding-right: 15px;}
	.main-menu>li>a{ font-size: 11px;}
	.ico_search{margin-right: 10px; border-radius: 0;}
	header .container{ width: 100%; max-width: 100%;}
	.top_adv{display: none;}
	.main-menu>li>a{font-size: 12px; padding: 0.13rem 0.1rem;}

}

@media screen and (max-width:1200px) {
	.top_section .top_l{ display: none;}
	.top_section, .top_section .top_other{width: 100%;}
	.top_recomm ul li a{font-size: 13px;}
}

@media only screen and (max-width:992px) {
	.nav_section .main{ z-index:inherit; width: 100%; background: none;}
	.nav_section #logo{ display: none;}
    .top_search .box select{font-size: 12px; padding-left: 4px;}
	.nav_section{ border: none;}
	header.small .head_section{display: none;}
	.height{  height: 0;}
	header .main{border: none; height: auto; display: block;}
	.ico_search i{ display: none;}
	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{ position: absolute; right: 50px; top: 0; z-index: 9999991; 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"); border-right: 1px solid rgba(255,255,255,0.2); margin-right: 0;}
	header.small .search_web{display: none;}
	.top_section .main{flex-direction: column; height: auto; padding-bottom: 15px;}
	.top_section .top_mid{padding: 0; width: 100%; margin-top: 10px;}
	.search_web .search_btn{padding-left: 46px; padding-right: 0; width: 46px;}
	.top_ad{display: none;}
	.top_search{width: 100%;}
	.search_web .form-control{ font-size: 12px;}
	.top_section .top_hot{display: none;}
	.nice-select{padding-left: 5px; padding-right: 20px;}
	.nice-select:after{ right: 4px;}
	.top_section .main #logo img{ max-height: 0.6rem;}

	}

.i_title{z-index: 3; margin-bottom: 0.3rem; text-align: center; overflow: hidden;}
.i_title .title{font-size: 0.6rem; color: #243c82; line-height: 0.66rem; z-index: 22; z-index: 33; position: relative;  font-family: var(--title-font); text-transform: uppercase; display: inline-block; }
.i_title .title:before{ position: absolute;left: 100%; margin-left: 0.5rem; background: url(../images/title_r.png) no-repeat left center; height: 100%;  width: 1000vh; content: ''; }
.i_title .title:after{ position: absolute;right: 100%; margin-right: 0.5rem; background: url(../images/title_l.png) no-repeat right center; height: 100%;  width: 1000vh; content: ''; }
.i_title p{overflow: hidden; max-width:6.6rem; margin: 0 auto; color: #555; line-height:26px; max-height: 52px; font-size: 18px; margin-top: 0.1rem;}

.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; position: relative; z-index: 333; width: 100%;}
.scrollbar_title .i_title{ max-width: 7.8rem; margin-bottom: 0; flex-shrink: 0; padding-right: 8%;}
.scrollbar_title p{ margin-bottom: 0;}
@media only screen and (max-width:1200px) {
.i_title .p{max-width: 100%; margin-top: 0;}
}
@media only screen and (max-width:992px) {
.scrollbar_title .i_title{ width: 100%;max-width: 100%; padding: 0;}
.i_title .title{ margin-bottom: 0; font-size: 0.4rem; line-height: 0.5rem; padding-bottom: 0; background: none;}
.scrollbar_title{ display: block;}
.i_title .title:after,.i_title .title:before{display: none;}
}
@media only screen and (max-width:768px) {
.tl .title{padding-left: 0;}
.i_title .h6{display: none;}
.i_title img{ display: none;}
.i_title .title{ font-size: 0.36rem; line-height: 0.4rem;  margin-bottom: 8px; padding-bottom: 0; margin-bottom: 0; background: none; padding-top: 0;}
.i_title p{margin-bottom: 0;  font-size: 14px; line-height: 20px; height: 40px;}
}


.top_img{width: 100%;max-height:4.4rem;z-index: 99999;overflow: hidden;transition: 0.5s; margin-top: 0.2rem;}
.top_img .main{ position: relative;}
.img_small{ max-height: 0.82rem;; width: 100%;}
.top_img .pic1{ opacity: 1; display: block;}
.top_img .pic2{ opacity: 0; display: block; position: absolute; left: 0; top: 0; width: 100%; max-height:0.82rem;}
.img_small .pic1{ opacity: 0;}
.img_small .pic2{ opacity: 1;}
.top_img #closeBtn{ position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,0.6);font: normal normal normal 12px / 1 FontAwesome;}
.top_img #closeBtn:before{ content: "\f00d"; color: #fff;}
.img_small #closeBtn{ opacity: 0;}

.header_section{background: #f6f7fb; border-bottom: 1px solid #e5e9f4;}
.header_section .main,.header_section .top_other,.header_section .user{ display: flex;justify-content: space-between; align-items: center; height: 40px;}
.header_section .user span{ color: #777; display: inline-block; margin: 0 4px; color: #0a5fcb;}
.header_section .user p a{ color: #0a5fcb; text-decoration: underline;}
.header_section .user>a{ display: inline-block; position: relative; padding-left: 12px; margin-left: 12px;}
.header_section .user>a:after{ position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #89b2f9; content: ''; margin-top: -5px;}
.header_section .user>a:hover{ color: var(--hover-color); text-decoration: underline;}

.header_section .top_collect{ background: url(../images/star.png) no-repeat left center; padding-left:30px;}


@media only screen and (max-width:768px) {
	.mob_item a{font-size: 12px; line-height: 16px; font-family: var(--main-font);}
}

.index_section1 { background:#f3f5f9; padding-bottom: 0.8rem; overflow: hidden; padding-top: 0.8rem;}
.index_section1 .main{display: flex;}
.index_section1 ul li{ list-style: none;}
.index_section1 .index_nav{ width:24%; float: left; position: relative; background:url(../images/nav_bg.jpg) no-repeat center bottom; background-size: cover; padding: 0.24rem;}
.index_section1 .index_nav .nav_title{ color: #fff; padding-bottom: 15px; border-bottom: 1px solid #4895c6; font-family:var(--title-font); font-size: 0.3rem; text-transform: uppercase; background:url(../images/cate_ico.png) no-repeat right 20px;}
.index_section1 .mtab_nav ul { list-style: none; display: flex; height: 100%; flex-direction: column;}
.index_section1 .mtab_nav li {cursor: pointer;  text-align: left; position: relative; width: 100%;}
.index_section1 .mtab_nav li:after{top: 14px;right:0;border: solid transparent;content: "\f105";height: 0;width: 0;position: absolute;font-weight: bold; transition: all .5s; font-family:'FontAwesome'; line-height:20px;font-size: 16px; color: #333; opacity: 0;}
.index_section1 .mtab_nav:hover li:hover:after,.index_section1 .mtab_nav li.on:after{color: #f6a528; opacity: 1;}
.index_section1 .mtab_nav li i{ position: relative;  display: inline-block;overflow: hidden; width: 40px; height: 35px;  }
.index_section1 .mtab_nav li img{ width: 0.4rem; height: 0.4rem; flex-shrink: 0; margin-right: 6px;}
.index_section1 .mtab_nav li a{ font-size:15px; line-height: 22px; padding:9px 0; color:#333; font-family: var(--bold-font); text-transform: capitalize; display: flex; color:#fff; align-items: center; padding-right:8px;}
.index_section1 .mtab_nav li.on>a{ color: #f6a528;} 
.index_section1 .mtab_nav:hover li.on a{ color: #f6a528;}
.index_section1 .mtab_content .item {height: 0; list-style: none; width: 100%; opacity: 0; position: absolute; left: 100%; width: 316%; height: 100%; top: 0;  background: #fff; padding: 0.2rem; z-index: -2;}
.index_section1 .index_nav:hover .mtab_content .item.active {height: 100%; opacity: 1; z-index: 33;}
.index_section1 .mtab_content  .list{ display: flex;justify-content: space-between; height:100%;}
.index_section1 .mtab_content  .list>li{ width:50%;margin-bottom:0.15rem; }
.index_section1 .mtab_content  .list>li>a{border-bottom: 1px solid #eee; padding-left: 0; font-size: 18px;}
.index_section1 .mtab_content .list02 {width: 100%; height: 100%; overflow-y: auto;}
.index_section1 .mtab_content .list02 li{width: 100%; padding: 0; float: left; padding-right: 5%; margin-bottom: 0.5rem;}
.index_section1 .mtab_content .list02 li:nth-child(2n+1){ clear: both;}
.index_section1 .mtab_content .list02 li .title_h{ display: flex; width: 100%;justify-content: space-between; align-items: center; font-size: 16px; margin-bottom: 10px;}
.index_section1 .mtab_content .list02 li .title{ font-family: var(--bold-font); color: #333;}
.index_section1 .mtab_content .list02 li .more{ text-transform: uppercase; font-size: 12px; text-transform: uppercase;font-family: var(--bold-font); color: #999;}
.index_section1 .mtab_content .list02 li .more:hover{ color: var(--hover-color);}
.index_section1 .mtab_content .list02 li p a{ font-size: 14px; color: #333; float: left; margin-right: 0.2rem; line-height: 20px; padding: 4px 0;}
.index_section1 .mtab_content .list02 li p a:hover{ color:#f90; text-decoration: underline;}

.index_section1 ::-webkit-scrollbar {width: 8px; }
.index_section1 ::-webkit-scrollbar-track {background: #f1f1f1;  }
.index_section1 ::-webkit-scrollbar-thumb {background: #999; }
.index_section1 ::-webkit-scrollbar-thumb:hover {background: var(--main-color); }

.index_section1 {
	-moz-scrollbar-width: thin; 
	-moz-scrollbar-color: #555 #f1f1f1; 
  }

.nav_pro .li{border: 3px solid #f90; border-image: -webkit-linear-gradient(90deg, #FCCF31, #F55555) 20 20; border-image: -moz-linear-gradient(90deg, #FCCF31, #F55555) 20 20; border-image: -o-linear-gradient(90deg, #FCCF31, #F55555) 20 20; border-image: linear-gradient(90deg, #FCCF31, #F55555) 20 20; padding: 20px; margin-bottom: 0.3rem; margin-left:30px;}
.nav_pro .li .pro_title{ color: var(--main-color); font-family: var(--bold-font);font-size: 16px; line-height: 24px; height: 48px;overflow: hidden; margin-top: 10px;}
.nav_list .list_title{font-family: var(--bold-font); font-size: 22px; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; display: block; color: #111; margin-bottom: 10px;}


.index_section1 .index_main{ padding: 0 0.3rem; float: left; width:52%; background: #fff;}
.index_section1 .index_main .nav {display: block;}
.index_section1 .index_main .nav li{ float: left; margin-right: 0.4rem;}
.index_section1 .index_main .nav a{ font-family: var(--title-font); display: inline-block; color: #999; font-size: 0.22rem; text-transform: uppercase; line-height: 32px; padding: 15px 0;}
.index_section1 .index_main .nav li.on a,.index_section1 .index_main .nav li:hover a{ color: #333;} 
.index_section1 .index_main .content .item{height: 0; list-style: none;width: 100%; opacity: 0; overflow: hidden;}
.index_section1 .index_main .content .item.active {height: 100%; opacity: 1; position: relative; z-index: 22;}
.index_section1 .index_main .content .top_news{margin-bottom: 0.2rem;}
.index_section1 .index_main .content .top_news .li .img{ position: relative; display: block;}
.index_section1 .index_main .content .top_news .li .img img{ width: 100%;}
.index_section1 .index_main .content .top_news .li .title{ position: absolute; padding: 0 0.2rem;left: 0; bottom: 10px; width: 100%; height: auto; font-size: 15px; line-height: 24px; max-height: 48px; overflow: hidden; display: block; color: #fff; font-family: var(--bold-font); z-index: 66;}
.index_section1 .index_main .content .top_news .li .img:after{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; content: '';background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); z-index: 55;}

.news_item ul li{ list-style: none; display: flex; margin-bottom: 18px;align-items: center;}
.news_item ul li .date{ background: #f2f5fa; flex-shrink: 0; margin-right: 0.24rem; line-height: 22px; color: #808080; font-size: 12px; text-align: center;}
.news_item ul li .date p{ background: #4285f4; font-family: var(--bold-font); color: #fff; font-size:26px; line-height: 42px; padding: 0 20px;}
.news_item ul li .icon{ width: 42px; height: 42px; border-radius: 50%; background:#f2f5fa; position: relative; flex-shrink: 0; margin-left: 0.46rem;}
.news_item ul li .icon:after{top: 0;left:0;content: "\f105"; width: 42px;position: absolute;font-weight: bold; transition: all .5s; font-family:'FontAwesome'; line-height:42px;font-size: 16px; color: #333; text-align: center;}
.news_item ul li .title{ color: #333; font-size: 15px; line-height: 24px; max-height: 48px; overflow: hidden; display: block;}
.news_item ul li:hover .title{ color: var(--main-color); text-decoration: underline;}
.news_item ul li:hover .icon{ background: var(--hover-color); }
.news_item ul li:hover .icon:after{color: #fff;}

.top_news2{display:flex; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden;}
.top_news2 .img{ width: 2.2rem; display: inline-block; margin-right: 20px; flex-shrink: 0;}
.top_news2 .title{ font-size: 16px; color: #333;font-family:var(--bold-font); line-height: 24px; max-height: 48px; overflow: hidden; display: block;}
.top_news2 .title:hover{ color: var(--hover-color); text-decoration: underline;}
.top_news2 .date{ color: #999; font-size: 14px; margin: 4px 0;}
.top_news2 .date i{ margin-right: 6px; font-size: 16px;}
.top_news2  p{ font-size: 14px; line-height: 20px; max-height: 40px; overflow: hidden; margin-bottom: 10px;}
.top_news2 .more{ color: var(--main-color);}
.top_news2 .more i{ margin-left: 4px;}
.top_news2 .more:hover{ text-decoration: underline;}

.top_news3 ul li{margin-bottom: 20px; overflow: hidden;}
.top_news3 ul li .li{ position: relative;}
.top_news3 ul li .li .img{overflow: hidden; display: block;}
.top_news3 ul li .li .img img{ width: 100%;}
.top_news3 ul li .li .text{ position: absolute; left: 0; width: 100%; bottom: 0; width: 100%; bottom:0; background: rgba(0,0,0,0.5); padding: 10px 15px;}
.top_news3 ul li .li .text .title{ font-size: 14px; font-family: var(--bold-font); line-height: 20px; height: 20px; overflow: hidden; display: block; color: #fff;}
.top_news3 ul li .li:hover .text{background: rgba(0,0,0,0.7);}
.top_news3 ul li .li:hover .text .title{ height: 40px;}
.top_news3 ul li .li:hover .img img{transform: scale(1.1);}

.index_right{ width: 24%; padding-top: 20px; padding-right: 20px; background: #fff;}

.top_news4 .tab_img div{display: none;}
.top_news4 .tab_img .active{ display: block;}
.top_news4 .head div{width: 25%; float: left; border: 2px solid #fff; margin-top: 4px;}
.top_news4 .head div.on{ border: 2px solid var(--main-color);}

.top_news5 a{ display: block; margin-top: 14px;}

@media only screen and (max-width:992px) {
	.index_section1{padding-top:0;}
	.index_section1 .index_main{width: 100%; margin-top: 0.3rem;}
	.header_section{margin-bottom: 0;}
	.header_section .user>a{ padding-left: 0; margin-left: 0; padding-right: 8px; margin-right: 8px;}
	.header_section .user>a:after{ left: auto; right: 0;}
	.header_section .user>a:nth-child(3):after{ display: none;}

}
@media only screen and (max-width:768px) {
	header.small .top_section .main{ padding-bottom: 15px;}
	.index_section1 .index_main .nav{margin-top: 15px; margin-bottom: 10px;}
	.index_section1 .index_main .nav li{margin: 0; padding:8px 10px; background: #eee; border: 2px solid #fff; float: left; width: 50%;}
	.index_section1 .index_main .nav li a{ padding: 0;}
	.index_section1 .index_main .nav li.on{ background: var(--main-color); color: #fff;}
	.index_section1 .index_main .nav li.on a{ color: #fff;}
	.index_section1 .index_main{padding: 0 0.15rem;}
	.index_section1{padding-bottom: 0.3rem;}
	.news_item ul li .title{ font-size: 14px;}
	.index_section1 .index_main .content .top_news .li .title{font-size: 12px; line-height: 18px; max-height: 36px;}

	

}

@media only screen and (max-width:500px) {
.date{display: none;}
.top_news2 .img{ width: 100%; margin-right: 0; text-align: center;}
}

@media only screen and (max-width:400px) {
	.index_section1 .index_main .nav li{ padding: 5px;}
	.index_section1 .index_main .nav a{font-size: 14px; color: #333;}
}


/*index_section2*/
.index_section2 ul li{ list-style: none; margin-bottom: 0.2rem;}
.index_section2 ul li .li{ background: url(../images/com_logobg.png) no-repeat right 12px, linear-gradient(to bottom, #c0e9fb, #ffffff 50%); padding: 0.3rem; padding-top: 0.2rem; box-shadow: 0 5px 80px rgba(13,14,37,0.1); transition: 0.5s;}
.index_section2 ul li .li .com{ display: block; font-size: 18px; color: #4285f4; font-family: var(--bold-font); border-bottom: 1px solid #e9eff1; padding:5px 0 10px; margin-bottom: 18px;}
.index_section2 ul li .li .p{ background: url(../images/check.png) no-repeat left 6px; padding-left: 38px; line-height: 22px; max-height: 44px; overflow: hidden; color: #333; margin-bottom: 14px;}
.index_section2 ul li:hover .li{transform:translate3d(0,-8px,0);-webkit-transform:translate3d(0,-8px,0);}

@media only screen and (max-width:992px) {
	.index_section2 ul li .li .p{display: none;}
	.index_section2 ul li .li .com{display: none;}
	.index_section2 ul li .li{padding: 10px;}
}

@media only screen and (max-width:768px) {
	.index_section2{padding-bottom: 20px;}
}



/*index_section3*/
.section_title2 img{ margin-right: 16px;}
.section_title2{ color: #fff; font-family: var(--title-font); font-size: 0.26rem; line-height: 0.3rem; text-transform: uppercase; display: flex;align-items: center; margin-bottom: 16px; overflow: hidden;}
.index_section3{background-size: cover; background-repeat: no-repeat; padding: 0.8rem 0 1rem; overflow: hidden;}
.index_section3 ul li{ list-style: none;}
.index_section3 .i_title .title{ color:#fff;}
.index_section3 .button_outside{overflow: hidden; margin-bottom: 22px;}
.index_section3 .button_outside .li{ position: relative; overflow: hidden; border-radius:10px; border: 6px solid rgba(255,255,255,0.15);}
.index_section3 .button_outside .li .text{ position: absolute; left: 14px; bottom: -100%; max-width: 375px; background: rgba(0,0,0,0.5); padding: 13px; transition: 0.5s;}
.index_section3 .button_outside .li .text .title{ color: #fff; font-size: 16px; line-height: 26px; max-height: 52px; overflow: hidden; display: block; font-family: var(--bold-font);}
.index_section3 .button_outside .li .text{ bottom: 16px;}
.index_section3 .button_outside .swiper-pagination{ position: absolute; bottom: 16px; left: 0; text-align: right;}

.index_section3 .video_ul ul{margin: 0 -10px;}
.index_section3 .video_ul ul li{  list-style: none; float: left; width: 25%; padding: 0 10px;}
.index_section3 .video_ul ul li .li{ border-radius: 10px; overflow: hidden;border: 6px solid rgba(255,255,255,0.15);}
.index_section3 .video_ul ul li .img{ display: block; position: relative;}
.index_section3 .video_ul ul li .img img{ width: 100%;}
.index_section3 .video_ul ul li .img:after{ position: absolute; left: 14px; bottom: 14px; width: 32px; height: 32px; background: #f36e21; border-radius: 50%; content: "\f04b";font: normal normal normal 12px / 1 FontAwesome; color:#fff; line-height: 32px; text-align: center;}
.index_section3 .right .main{ background: rgba(255,255,255,0.3); padding: 0.2rem;}
.index_section3 .right .video_img{ display: block; position: relative; margin-bottom: 20px;}
.index_section3 .right .video_img:after{ position: absolute;bottom: 50%;right:50%;transition: all 0.5s;transform: translate(50%, 50%); width: 60px; height: 60px; background: #f36e21; border-radius: 50%; content: "\f04b";font: normal normal normal 24px / 1 FontAwesome; color:#fff; line-height: 60px; text-align: center;}

.index_section3 .right_li ul li{ list-style: none; margin-bottom:18px;}
.index_section3 .right_li ul li a{ position: relative; line-height: 20px; max-height: 40px; overflow: hidden;padding-left: 44px; display: block; color: #fff; min-height: 32px;}
.index_section3 .right_li ul li a:after{position: absolute;left: 0; top: 50%; transition: all 0.5s; width: 32px; height: 32px; margin-top: -16px; background: #f36e21; border-radius: 50%; content: "\f04b";font: normal normal normal 12px / 1 FontAwesome; color:#fff; line-height: 32px; text-align: center; }
.index_section3 .right_li ul li a:hover{ text-decoration: underline;}

@media only screen and (max-width:992px) {
 .index_section3{ padding: 0.5rem 0;}
 .index_section3 .button_outside{padding: 0; display: none;}
 .index_section3 .left{ width: 100%;}
 .index_section3 .right{ width: 100%; margin-top: 30px;}
 .index_section3 .right .main{ background: rgba(0,0,0,0.15);}
 .index_section3 .button_outside .li .text .title{font-size: 14px; line-height: 18px; max-height: 36px;}
}

@media only screen and (max-width:768px) {
	.index_section3{ padding: 0.3rem 0;}
	.index_section3 .button_outside .li .text .title{display: none;}
	.index_section3 .video_ul ul li{width: 50%; margin-bottom: 20px;}
	.index_section3 .video_ul ul li .img img{width: 100%;}
}


/*pro_section*/
.pro_section{ padding: 0.8rem 0 0.6rem; overflow: hidden;}
.pro_section .button_inside{ border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea;}
.pro_section ul li{ list-style: none;  border: 1px solid #eaeaea; border-left: none; border-top: none; text-align: center;}
.pro_section ul li .img{ position: relative; display: block; overflow: hidden;}
.pro_section ul li .pro_info{ position: absolute; left: 0; bottom: -50px; width: 100%; transition: 0.5s;}
.pro_section ul li .pro_info a{ width: 50%; display: block; float: left; color: #fff; line-height: 40px; background: #21cdad; text-align: center;}
.pro_section ul li .pro_info a:last-child{ background: #4285f4;}
.pro_section ul li:hover .pro_info{ bottom: 0;}
.pro_section ul li:hover .img img{transform: scale(1.06);}
.pro_section ul li .text{ padding: 0.15rem 0.15rem 0.2rem;}
.pro_section ul li .title{ display: block; font-family: var(--bold-font); line-height: 20px; height: 40px; overflow: hidden; color: #494949; margin-bottom: 10px;}
.pro_section ul li .p{ color: #999; font-size: 13px; line-height:20px; height: 40px; overflow: hidden;}
@media only screen and (min-width:992px){
	.pro_section ul{display: flex;flex-wrap: wrap;}
	.pro_section ul li{ list-style: none; width: 16.66%; float: left;}
	.pro_section .swiper-button-next,.pro_section .swiper-button-prev{display: none;}
}

@media only screen and (max-width:992px) {
	.pro_section{ padding: 0.5rem 0;}
	.pro_section ul li{width: 33.33%;}
}

@media only screen and (max-width:768px) {
	.pro_section{ padding: 0.3rem 0;}
	.pro_section ul li{width: 50%;}
}

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

.innovation_pop{ max-width: 500px;background: linear-gradient(to bottom, #c0e9fb, #ffffff); text-align: center; }
.innovation_pop .select-content{ padding: 0.3rem; padding-top: 0.1rem;}
.innovation_pop .icon{ width: 0.8rem; height: 0.8rem; border-radius: 50%; display: inline-flex;  background: #fff;align-items: center; justify-content: center; box-shadow: 0 0 40px rgba(13,49,109,0.2);transform:translate3d(0,-30px,0);}
.innovation_pop .icon img{ position: relative; z-index: 555;}
.innovation_pop .icon:after{ position: absolute; left: -16px; top: -16px; right: -16px; bottom: -16px; background: rgba(255,255,255,0.2); content: ''; border-radius: 50%;}
.innovation_pop .p{ font-size: 15px; color: #333; line-height: 26px;}
.innovation_pop .more{ background:var(--main-color); color: #fff; font-family: var(--bold-font); display: inline-block; line-height:42px; border-radius: 5px; padding: 0 20px; text-transform: uppercase; margin-top: 15px;}
.innovation_pop .more:hover{ background:#f36e21;}

.index_section4{margin-top: 1rem;}
.index_section4 ul li{  list-style: none;}


.index_section5{ padding: 0.8rem 0 0.6rem; overflow: hidden; overflow: hidden;}
.index_section5 ul li{list-style: none;}
.index_section5 .tec_title{ background: #f2f5fa;  display: flex;align-items: center; justify-content: space-between; padding: 0 12px; line-height: 60px; margin-bottom: 0.3rem; font-size: 14px; font-family: var(--bold-font); color: #666; text-transform: uppercase;}
.index_section5 .tec_title i{ margin-left: 4px;}
.index_section5 .tec_title span{font-family: var(--title-font); color: #333; font-size: 22px;}
.index_section5 .tec_title span img{ margin-right: 4px;}
.index_section5 .tec_title a:hover{ color: var(--hover-color); text-decoration: underline;}

.index_section5 .tec_l ul li{ margin-bottom: 24px;}
.index_section5 .tec_l ul li .img{ float: left; width:1.26rem; margin-right: 10px;}
.index_section5 .tec_l ul li .title{ color: #333;line-height: 20px;  max-height: 40px; overflow: hidden; display: block;}
.index_section5 .tec_l ul li .title:hover{ color:var(--hover-color); text-decoration: underline;}
.index_section5 .tec_l ul li p{ color: #aaa; font-size: 13px; margin-top: 12px;}
.index_section5 .tec_l ul li p i{ margin-right: 4px; font-size: 16px;}

.index_section5 .sol_title{ background: #f6f7fb; padding: 0.2rem 0.3rem;}
.index_section5 .sol_title .title{ color: #333; font-size: 16px; font-family: var(--bold-font); display: block; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.index_section5 .sol_title p{line-height: 20px; height: 40px; overflow: hidden; margin-top: 10px;}
.index_section5 .tec_m  ul li{ padding: 13px 0; border-bottom: 1px dashed #ddd; }
.index_section5 .tec_m  ul li a{color: #333; line-height: 22px; max-height: 44px; overflow: hidden;}
.index_section5 .tec_m  ul li a span{ color: #4385f5;}
.index_section5 .tec_m  ul li a:hover{ color: var(--hover-color); text-decoration: underline;}
.index_section5 .tec_m  ul li:last-child{ padding-bottom: 0; border-bottom: none;}


.index_section5 .download_tab .download_text>div{display: none; padding: 0.2rem;}
.index_section5 .download_tab .download_text>div.active{ display: block;}
.index_section5 .download_nav{ background: #e6e9ed;}
.index_section5 .download_nav>div{ float: left; padding: 0 0.24rem; line-height: 0.6rem; font-family:var(--title-font); font-size:22px; color: #999; text-transform: uppercase;}
.index_section5 .download_nav>div.on{ background: #f2f5fa; }
.index_section5 .download_nav>div.on a{color: #333;}

.index_section5 .download_tab{ background: #f2f5fa;}
.index_section5 .download_main ul li{ padding: 0.18rem 0; border-bottom: 1px dashed #ddd; }
.index_section5 .download_main ul li a{display: flex;color: #666; line-height: 20px;  max-height: 40px;}
.index_section5 .download_main ul li a:hover{ color:var(--hover-color); text-decoration: underline;}
.index_section5 .download_main ul li a img{ margin-right: 4px;}
.index_section5 .download_main ul li:last-child{ border-bottom: none; padding-bottom: 0;}

.index_section5 .guide_main{ background: #eef1fa url(../images/data-bg.png) no-repeat center top; padding: 24px 30px 15px; text-align: center; margin: -0.2rem; padding-bottom: 0.5rem;}
.index_section5 .guide_main .title{ margin: 0.2rem 0;}
.index_section5 .guide_main .more{display: inline-block;padding: 2px;background: -moz-linear-gradient(0deg, rgb(235, 61, 118) 0%, rgb(77, 129, 230) 100%);background: -webkit-linear-gradient(0deg, rgb(235, 61, 118) 0%, rgb(77, 129, 230) 100%);background: -ms-linear-gradient(0deg, rgb(235, 61, 118) 0%, rgb(77, 129, 230) 100%);color: #fff;font-size: 15px;border-radius: 30px; display: inline-block; font-family: var(--bold-font); line-height: 42px; padding: 0 20px; text-transform: uppercase; margin-top: 0.6rem;}
.index_section5 .guide_main .more:hover{ text-decoration: underline;}
.index_section5 .guide_main .more i{ margin-left: 6px;}

.index_section6{ margin-bottom: 0.8rem; overflow: hidden;}
.index_section7{ padding: 0 0 0.8rem; background: #f2f5fa;overflow: hidden;}
.index_section7 ul li{ list-style: none;}
.index_section7 .cate_nav{display: flex;justify-content: center;}
.index_section7 .cate_nav .li{ float: left; width: 11.11%; padding: 0 0.24rem; line-height: 0.6rem; font-size:14px;  background: #f2f5fa; transition: .5s; line-height: 16px; padding:0.12rem 0.2rem; border-radius: 10px; text-align: center; font-family: var(--bold-font); position: relative;}
.index_section7 .cate_nav .li:after{ position: absolute; right: 0; top: 50%; content: ''; width: 1px; height: 24px; margin-top: -12px; background: #d9dce1;transition: .5s; }
.index_section7 .cate_nav .li:last-child:after{ display: none;}
.index_section7 .cate_nav .li span{ display: flex;align-items: center;flex-direction: column;color: #333;}
.index_section7 .cate_nav .li img{ filter: brightness(0) invert(0); opacity: 0.3; flex-shrink: 0; width: 0.4rem; height: 0.4rem; flex-shrink: 0; margin-bottom: 8px;}
.index_section7 .cate_nav .li.on{ background: #4285f4; }
.index_section7 .cate_nav .li.on:after{ display: none;}
.index_section7 .cate_nav .li.on span{ color:#fff; }


.index_section7 .cate_tab .cate_main { margin-top: 0.2rem;}
.index_section7 .cate_tab .cate_main .text{display: none;}
.index_section7 .cate_tab .cate_main .text.active{ display: flex;}

.index_section7 .cate_main .left{ float: left; width:32%;}
.index_section7 .cate_main .left a{ display: block; margin-bottom: 20px;}
.index_section7 .cate_main .right{ float: left; width:68%;}
.index_section7 .cate_main .right ul{ display: flex;flex-wrap: wrap; height: 100%;}
.index_section7 .cate_main .right ul li{ float: left; width: 25%; text-align: center; padding: 0 10px; margin-bottom: 20px;}
.index_section7 .cate_main .right ul li .li{ position: relative;  padding:10px; background: #fff; padding-bottom: 88px; overflow: hidden; padding-top: 0; height: 100%;}
.index_section7 .cate_main .right ul li .li .img{ display: block;}
.index_section7 .cate_main .right ul li .li:hover img{transform: scale(0.9);}
.index_section7 .cate_main .right ul li .p{ position: absolute; left: 0; bottom:-86px;transition: 0.5s; padding: 0 0.15rem; width: 100%;}
.index_section7 .cate_main .right ul li:hover .p{ bottom:0;background: linear-gradient(to bottom, #ffffff, #c0e9fb); padding: 0.15rem;}
.index_section7 .cate_main .right ul li .title{ color: #494949; font-family: var(--bold-font); line-height: 20px; height: 40px; overflow: hidden; display: block; margin-bottom: 10px;}
.index_section7 .cate_main .right ul li .p p{ color: #999; font-size: 12px; line-height: 20px; height: 40px; overflow: hidden;}
.index_section7 .cate_main .right ul li .p .more{ background:#21cdad; line-height: 0.4rem; display:inline-block; padding: 0 0.2rem; border-radius: 30px; color: #fff; font-family: var(--bold-font); margin-top: 6px;}
.index_section7 .cate_main .right ul li:hover .title{ margin-bottom: 5px; color: var(--main-color);}



@media only screen and (max-width:1560px) {
	.index_section7 .cate_main .right ul li .p p{display: none;}
	.index_section7 .cate_main .right ul li .title{margin-bottom: 0;}
	.index_section7 .cate_main .right ul li .p{ bottom: 10px;}
	.index_section7 .cate_nav .li{font-size: 12px;}
}


@media only screen and (min-width:1360px) {
	.index_section7 .cate_main .right ul li{height:calc(50% - 20px);}
}

@media only screen and (max-width:1360px) {
	.index_section7 .cate_main .left{display: none;}
	.index_section7 .cate_main .right{width: 100%;}
	.index_section7 .cate_nav .li a{ font-size: 12px;}
}

/*index_section9*/
.index_section9{ padding:0.8rem 0 0.7rem; overflow: hidden;}
.index_section9 .int_left{ background: #f2f5fa; padding: 18px; position: relative;}
.index_section9 .int_left:after{ position: absolute; left: -0.3rem; bottom: -0.3rem; content: ''; background: url(../images/int_bg.png) no-repeat center center; width: 2.77rem; height: 2.41rem; z-index: -1;}
.index_section9 .int_left .index_cate1 {overflow: hidden;}
.index_section9 .int_left .swiper-slide{text-align: center; overflow: hidden; width: 100%; height: 100%;}
.index_section9 .int_left .swiper-slide .main{display: flex;}
.index_section9 .int_left .swiper-slide .slide-inner{width: 50%; text-align: center;}
.index_section9 .int_left .swiper-slide .slide-wrap{width: 50%; padding: 0 0.3rem; text-align: left;}
.index_section9 .int_left .swiper-slide .main .img{ display: inline-block; position: relative;}
.index_section9 .int_left .swiper-slide .main .img:after{ position: absolute; left: -0.46rem; bottom: -0.46rem; content: ''; width: 2.46rem; height: 1.98rem; background-size: 100% auto;}
.index_section9 .swiper-button-prev, .index_section9 .swiper-button-next{ margin-right: 10px;}
.index_section9 .int_left .swiper-slide .title{ color:#333; font-size: 0.3rem; font-family: var(--title-font); text-transform: uppercase;}
.index_section9 .int_left .swiper-slide .h4{ border-bottom: 1px solid #ced0d5; padding-bottom: 15px; margin-bottom: 15px; line-height: 20px;}
.index_section9 .int_left .swiper-slide .text{ color:#333; font-family: var(--bold-font); font-size: 16px; line-height: 26px; margin-bottom: 0.2rem;}
.index_section9 .int_left .swiper-slide .p{ color: #333; font-size: 14px; line-height: 26px; margin-bottom: 0.4rem;}


.int_right .tec_title{display: flex;align-items: center; justify-content: space-between; padding: 0 0 0.1rem; line-height: 40px; margin-bottom: 0.2rem; font-size: 14px; font-family: var(--bold-font); color: #666; text-transform: uppercase; border-bottom: 1px solid #f2f5fa;}
.int_right .tec_title i{ margin-left: 4px;}
.int_right .tec_title span{font-family: var(--title-font); color: #333; font-size: 22px;}
.int_right .tec_title span img{ margin-right: 4px;}
.int_right .tec_title a:hover{ color: var(--hover-color); text-decoration: underline;}

.int_right ul li{ display: flex; margin-bottom: 0.24rem;}
.int_right ul li .img{width: 1.6rem; margin-right: 16px; flex-shrink: 0; overflow: hidden; border-radius: 10px; border: 6px solid rgba(255,255,255,0.15);}
.int_right ul li:hover .img img{transform: scale(1.06);}
.int_right ul li .title{ color: #333; font-size: 14px; line-height: 20px; max-height: 40px; overflow: hidden; margin-bottom: 10px; display: block;}
.int_right ul li p{ background: url(../images/int_video.png) no-repeat left 0; padding-left: 24px; font-size: 12px; color: #f36e21; min-height: 30px;}
.int_right ul li:hover .title{ color: var(--main-color); text-decoration: underline;}


.exh_section{padding-bottom: 0.8rem; overflow: hidden;}
.exh_section .exh_tab .exh_nav{ background: #f2f5fa; line-height:60px; padding-right:15px; margin-bottom: 0.3rem;}
.exh_section .exh_tab .exh_nav .tab{ margin-left: 0.3rem; font-family: var(--title-font); float: left;  font-size: 0.22rem; text-transform: uppercase;}
.exh_section .exh_tab .exh_nav .tab a{ color: #999;}
.exh_section .exh_tab .exh_nav .tab.on a{ color: #333;}
.exh_section .exh_tab .exh_nav>a{ float: right; color: #666; font-size: 14px; text-transform: uppercase; font-family: var(--bold-font);}
.exh_section .exh_tab .exh_nav>a i{ margin-left: 6px;}
.exh_section .exh_tab .exh_nav>a:hover{color: var(--main-color); text-decoration: underline;}
.exh_section .exh_tab .exh_main .text{display: none;}
.exh_section .exh_tab .exh_main .active{ display: block;}

.exh_section .exh_tab .top_exh{margin-bottom: 24px;}
.exh_section .exh_tab .top_exh p.add,.exh_section .exh_tab .top_exh .date,.exh_section .news_item p.add{ color: #808080; line-height: 20px; max-height: none; background: url(../images/add_ico.png) no-repeat left 0; padding-left: 20px; margin-bottom: 10px;}
.exh_section .exh_tab .top_exh .date{ background: url(../images/clock_ico.png) no-repeat left 0;}
.exh_section .exh_tab .top_exh{ display: flex;}
.exh_section .exh_tab .top_exh .img{ width: 2.4rem; margin-right: 16px;}
.exh_section .exh_tab .top_exh .title{ font-size: 0.18rem; color: #333; line-height: 22px; margin-bottom: 15px; font-family: var(--bold-font); display: block;}

.exh_section .news_item ul li{align-items: flex-start;}
.exh_section .news_item ul li p.add{ margin-top: 4px; margin-bottom: 0;}

.exh_section .li3 li{ list-style: none; display: flex;justify-content: space-between; position: relative; padding-left: 16px; margin-bottom: 20px;}
.exh_section .li3 li:after{ position: absolute; left: 0; top:8px; width: 4px; height: 4px; background: var(--main-color); content: '';}
.exh_section .li3 li a{ color: #333; font-size: 14px; line-height: 22px; max-height: 44px; overflow: hidden;}
.exh_section .li3 li a:hover{ color: var(--hover-color); text-decoration: underline;}
.exh_section .li3 li p{ flex-shrink: 0; margin-left: 20px;}

.exh_right .exh_title{ border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;}
.exh_right .exh_title .img{ display: block; overflow: hidden; margin-bottom:20px}
.exh_right .li{ margin-top: 10px;}
.exh_right .li .title{ color: #333; line-height: 22px; max-height: 44px; overflow: hidden; display: block;}
.exh_right .li p{ background: url(../images/int_video.png) no-repeat left 0; padding-left: 24px; font-size: 12px; color: #aaa; margin-top: 6px; min-height: 16px;}
.exh_right .li:hover .title{ color: var(--main-color); text-decoration: underline;}

.index_partner{ padding: 0.7rem 0 0.8rem; background-position:center center; background-attachment: fixed;}
.index_partner .i_title .title{ color: #fff;}
.index_partner ul{display: flex;flex-wrap: wrap; position: relative;align-items: center;justify-content: flex-start;}
.index_partner ul li{ padding: 10px 7px; list-style: none; width: 15.7%;}
.index_partner ul li .p{ display: block; text-align: center; color: #fff; font-family: var(--bold-font); font-size: 16px; text-transform: uppercase;}
.index_partner ul li .li{ display: flex;justify-content: center; flex-direction: column;align-items: center; background: url(../images/logo_bg.png) no-repeat center center; background-size: 100% 100%; padding:6px; height: 100%; position: relative;img {max-width: 100%;height: auto;display: block;}}
.index_partner ul li .li_hover{ position: absolute; left: 7px; right: 7px; width:100%; bottom:80%;  opacity: 0; background:#fff; padding: 10px; border-radius: 10px;  z-index: -1;}
.index_partner ul li:hover .li_hover{ opacity: 1; bottom:100%; z-index: 666;}

.index_partner ul li .li:after{display: block;position: absolute;top:0; left:50%; margin-left: -10px; padding: 0px 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;transition: 0.5s all; width: 0.3rem; height: 100%; background-repeat: no-repeat;  background-position: center center; background-size: 16px auto; content: '';clip-path: polygon(50% 60%, 0 0, 100% 0);background:#fff; width: 20px; height: 20px; top: -50px; transition: 0.5s;}
.index_partner ul li:hover .li:after{opacity: 1; top: -12px;}
.index_partner ul li:nth-child(n+7):hover .li_hover{ bottom: auto; top: 100%;}
.index_partner ul li:nth-child(n+7) .li:after{clip-path: polygon(50% 60%, 0 100%, 100% 100%); top: auto; bottom: -50px;}
.index_partner ul li:nth-child(n+7):hover .li:after{ bottom: -12px;}

@media only screen and (max-width:992px) {
	.index_partner{ padding: 0.5rem 0; display: block;}
	.index_partner ul li{width: 25%;}
	.index_partner ul li .p{display: none;}
	.exh_section{ background: #f5f5f5; padding-top: 0.5rem;}
	.exh_section .exh_tab .top_exh{background: #fff;}
	.exh_section .exh_tab .top_exh .p{ padding: 10px;}
	.exh_right{background: #fff; padding-top: 0.3rem; padding-bottom: 0.3rem; width: 100%;}
	.exh_section .news_item ul li p.add{display: none;}
	.exh_section .exh_mid{width: 100%;}
}

@media only screen and (max-width:768px) {
	.index_partner ul li{width: 25%;}
	.exh_section{padding-top: 0.3rem; padding-bottom: 0;}
	.exh_section .exh_tab .top_exh .title{font-size: 16px;}
	.exh_right .exh_title .img img{ width: 100%;}
	
}

@media only screen and (max-width:500px) {
	.exh_section .exh_tab .top_exh{display: block;}
	.exh_section .exh_tab .top_exh .img{ width: 100%; margin-right: 0; text-align: center; display: block; margin-bottom: 10px;}
	.exh_section .exh_tab .top_exh .img img{width: 100%;}
	.news_item ul li .icon{ background-color: #fff; margin-left: 10px;}
	
}

.index_links{ padding: 0.5rem 0 0.6rem; background:#f7f7f7 url(../images/links_bg.png) no-repeat 95% 30px; overflow: hidden;}
.index_links .main{ max-width: 9.6rem;}
.index_links .links_title{ font-size: 0.3rem; text-transform: uppercase; color: #243c82; font-family:var(--title-font); border-bottom: 1px solid #e4e4e4; background: url(../images/cus_ico.png) no-repeat left center; padding-top: 20px; padding-left: 80px; margin-bottom: 26px; padding-bottom: 16px;}
.index_links .links_title img{ margin-right: 20px;}
.index_links .main a{ line-height: 30px; background: #ededed; border-radius: 2px; display: inline-block; padding: 0 12px; margin-bottom: 6px; margin-right: 4px;}
.index_links .main a:hover{ background: var(--hover-color); color: #fff;}

@media only screen and (max-width:992px) {
	.index_links{background: none; padding: 0.2rem 0; display: none;}
	.index_links .main a{font-size: 12px;}
}

/*footer*/
#footer{color:#999; overflow: hidden; font-size:15px; position: relative; background:#242a37; padding-top: 0.5rem;}
@media only screen and (max-width:1400px) {
	#footer{ font-size: 15px;}
	#footer .container{width: 100%;}
}
#footer ul li{ list-style:none;}
#footer a{ color:#999; }
#footer a:hover{text-decoration:underline; color:#fff;}
#footer .ul li a{ line-height:22px; padding:7px 0; display:inline-block; position:relative;}
#footer .ul li a:hover{color:var(--hover-color); text-decoration: underline;}


#footer .footer_con{ float: left; width:32%;}
#footer .footer_follow{ float: left; width:17%; padding-right: 4%;text-transform: capitalize;}
#footer .footer_pro{ float: left; width:27%; padding-right: 2%; text-transform: capitalize;}
#footer .footer_code{ float: left; width:24%; text-transform: capitalize;}
#footer .footer_code .p{ float: left; max-width: 50%; font-size: 15px; text-align: center; padding-right: 0.2rem;}
#footer .footer_code .p img{ display: inline-block; border: 1px solid #3a404b; padding: 6px;}
#footer .footer_code .p p{ margin-top: 10px;}


#footer .email{ position: relative; margin-top: 20px; text-align: center;}
#footer .email_main{height:52px; border:none; color:#333; line-height:100%; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; background:#fff; padding-left:10px;  width: 100%; border-radius: 5px;}
#footer .email_main:focus{color:#333; }
#footer .email_btn{ background:var(--main-color); text-transform: uppercase;height:46px;  padding: 0 14px;  color: #fff; cursor: pointer; font-size: 16px;  border-radius: 0;line-height: 46px;border-radius: 5px;font-family: var(--bold-font);  position: absolute; right: 3px; top: 3px;}
#footer .email .p{ font-size: 14px; line-height: 0.2rem;}


.footer_logo{display: inline-block; margin-bottom: 20px;}
#footer .footer_con .footer_tel{ margin-bottom: 20px;}
#footer .footer_con .footer_tel p{ color: #fff; font-size: 0.4rem; line-height: 0.5rem; font-family: var(--bold-font); margin-bottom: 5px;}
#footer .footer_con .p{ color: #fff; font-size: 0.2rem; line-height: 0.3rem; margin-top: 0.2rem;}
#footer .footer_con p{ margin-bottom: 0.15rem;}
#footer .footer_con a{ text-transform: none; line-height: 32px;display: flex; align-items: center;}
#footer .footer_con ul li a{line-height: 26px;}
#footer .footer_con ul li{ position: relative; padding-left:26px; line-height: 26px; margin-bottom: 0.06rem;}
#footer .footer_con ul li:after{ position: absolute; left: 0px; top: 0px; content: ''; width: 20px; height: 30px;background-position: left 6px; background-repeat: no-repeat;}
#footer .footer_con .con_add:after{background-image: url("data:image/svg+xml,%3Csvg t='1719314477942' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4393' width='20' height='20'%3E%3Cpath d='M956.624449 922.846357h-29.442936V592.832598c0-17.701887-8.850944-41.545246-29.984829-50.396189l-267.334627-174.851297V93.747751l-2.890104-6.141471C614.869642 57.802081 588.316811 42.809667 555.622508 48.770506L136.376786 173.586876c-23.843359 8.850944-41.545246 32.694302-41.545246 59.427765v689.831716H64.84671c-18.243782 0-29.98483 14.992415-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h891.777739c18.243782 0 29.98483-12.102311 29.98483-29.98483-0.180632-18.243782-12.282942-29.98483-29.984829-29.98483z m-89.231964-333.265126v333.265126H629.862057V435.683189l237.530428 153.898042zM153.536779 233.014641l415.994355-124.81637v814.648086H153.536779V233.014641z' p-id='4394' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M450.856236 325.136708H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483 0-18.424413-12.282942-29.98483-29.984829-29.98483zM450.856236 503.058741H272.753572c-18.243782 0-29.98483 12.102311-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-12.102311 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM450.856236 681.703299H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM688.747927 712.049391c0 18.243782 12.102311 29.98483 29.98483 29.98483h59.427765c18.243782 0 29.98483-11.741048 29.98483-29.98483v-0.180631-0.180632c0-18.243782-12.102311-29.98483-29.98483-29.984829h-59.427765c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263z' p-id='4395' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_tel:after{background-image:url(../images/footer_tel.png)}
#footer .footer_con .con_email:after{background-image:url(../images/footer_email.png);}
#footer .footer_con .con_whatsapp:after{background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116875464' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5327' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E@font-face %7B font-family: feedback-iconfont; src: url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944') format('woff2'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944') format('woff'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944') format('truetype'); %7D %3C/style%3E%3C/defs%3E%3Cpath d='M623.915417 525.57825c3.851725 0 18.300808 6.520507 43.343157 19.560498 25.045419 13.041014 38.307468 20.894889 39.789215 23.561625 0.592494 1.481747 0.890276 3.705392 0.890276 6.668886 0 9.780761-2.51938 21.043269-7.55814 33.788547-4.743024 11.558244-15.263635 21.264303-31.565926 29.119201-16.300244 7.853875-31.4155 11.781324-45.345768 11.781324-16.893762 0-45.049009-9.188266-84.46881-27.564799-29.0445-13.335726-54.236252-30.823006-75.576279-52.458769-21.339004-21.635763-43.271526-49.051159-65.795519-82.245166-21.340027-31.712259-31.860638-60.461023-31.56388-86.246293l0-3.557012c0.889253-26.970258 11.855002-50.384527 32.897248-70.241784 7.114025-6.520507 14.818497-9.779737 23.11751-9.779737 1.777483 0 4.445242 0.222057 8.001231 0.666172 3.557012 0.444115 6.372128 0.667196 8.447393 0.667196 5.631254 0 9.558703 0.961908 11.781324 2.888793 2.222621 1.926886 4.519943 6.002714 6.890944 12.226462 2.371 5.92699 7.261381 18.968004 14.671141 39.120996 7.408737 20.154016 11.114129 31.269168 11.114129 33.342386 0 6.224772-5.112438 14.744819-15.337313 25.563212-10.224876 10.81737-15.338337 17.708314-15.338337 20.671809 0 2.075265 0.741897 4.297886 2.222621 6.668886 10.076496 21.635763 25.192775 41.938158 45.345768 60.907185 16.598027 15.70775 38.974663 30.674627 67.12991 44.900629 3.557012 2.075265 6.816243 3.111874 9.781784 3.111874 4.446265 0 12.447497-7.186679 24.006763-21.560038C612.356151 532.765953 620.060623 525.57825 623.915417 525.57825L623.915417 525.57825zM533.666974 761.199619c37.640272 0 73.724095-7.408737 108.252493-22.228257 34.527374-14.818497 64.238047-34.676777 89.134063-59.572794 24.896017-24.894993 44.75225-54.606689 59.572794-89.13611 14.818497-34.527374 22.228257-70.612221 22.228257-108.252493s-7.408737-73.724095-22.228257-108.252493c-14.81952-34.528398-34.676777-64.240093-59.572794-89.13611-24.896017-24.896017-44.75225 54.607712-59.57177 89.13611-14.818497 34.528398-22.228257 70.612221-22.228257 108.252493 0 60.165288 17.783015 114.698299 53.348022 163.601078l-35.120892 103.585193 107.585297-34.231639C427.118286 745.788627 478.243687 761.199619 533.666974 761.199619L533.666974 761.199619zM533.666974 146.806577c45.345768 0 88.691995 8.890484 130.035612 26.673499 41.34464 17.783015 76.983325 41.640376 106.918102 71.575152s53.792137 65.573461 71.575152 106.918102 26.673499 84.690868 26.673499 130.036635c0 45.346791-8.890484 88.690972-26.673499 130.036635s-41.640376 76.984349-71.575152 106.918102c-29.934776 29.934776-65.573461 53.79316-106.918102 71.575152-41.345664 17.783015-84.690868 26.674523-130.035612 26.674523-57.795311 0-111.883183-13.930267-162.268734-41.789779l-185.384198 59.572794 60.461023-180.050726c-32.009018-52.755528-48.013527-110.401436-48.013527-172.937724 0-45.345768 8.891508-88.690972 26.674523-130.036635 17.781992-41.34464 41.641399-76.983325 71.576175-106.918102 29.933753-29.934776 65.573461-53.792137 106.918102-71.575152C444.976002 155.697061 488.320183 146.806577 533.666974 146.806577z' p-id='5328' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-position: 0 center;}


#footer .footer_sns{margin-top: 0.3rem;}
#footer .footer_sns a{margin-right: 4px; display: inline-block; margin-bottom: 4px;}



.mob_follow a{ display: inline-block; margin-right: 0.08rem;}
.footer_bottom{padding: 0.3rem 0 0.2rem;line-height: 24px; background: #1b1f29; margin-top: 0.6rem; text-align: center; font-size:14px;}
.footer_bottom .main{display: flex;align-items: center; justify-content: space-between;}
.footer_bottom .link { display: inline-block; }
.footer_bottom .link span{margin-right: 10px;}
.footer_bottom img{ margin-right: 6px;}
.footer_bottom .cop span{ display: inline-block; margin-right: 15px; margin-left: 10px;}
.footer_bottom .footer_logo{margin-right: 20px;}
.footer_bottom a{ margin: 0 4px;}
.footer_bottom>a{ margin: 0 4px; text-transform: uppercase;}
.footer_bottom .ipv6{margin-left: 8px;}
.footer_bottom .ipv6 img{ margin-right: 0.04rem;}
*:focus {outline: none;} 
#footer .title_h4{ text-transform:uppercase; font-size: 26px; font-family:var(--title-font); position: relative; margin-bottom: 16px; color: #fff;  line-height: 0.3rem; position: relative; padding-bottom: 10px;}
#footer .title_h4:after{ position: absolute; left: 0; bottom: 0; content: ''; width: 30px; height: 2px; background: var(--main-color);}

@media only screen and (max-width:1800px) {
	#footer .footer_main{padding-left: 0.8rem;}
}

@media screen and (max-width:992px) {
	#footer .footer_main{padding-left: 0; background-position: 0 0 ; padding-bottom: 0.4rem;}
	.footer_logo{max-width: 2rem;}
	#footer .footer_about{width: 100%; padding-right: 0; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 0.2rem; margin-bottom: 0.2rem;}
#footer .footer_con .more{margin-bottom: 0.3rem; margin-top: 0;}
#footer .footer_email{width: 100%; margin-bottom: 15px; padding-right: 0;}
#footer .main{  display: block;}
.footer_bottom .main .right{text-align: left;}
#footer{ font-size: 14px; padding-top: 30px;}
#footer .footer_bottom .main{display: block;}
.footer_bottom{margin-top: 0; display: block; text-align: left; padding-top: 20px; font-size: 12px;}
#footer .footer_con{ padding-right: 0; width: 100%; border-right: none; margin: 0; padding: 0;}
#footer .title_h4{ display: none;}
.footer_bottom .ipv6{ float:none; display: inline-block;}
#footer .email{width: 100%; max-width: 100%;}
#footer .footer_con ul li a{ font-size: 16px;}
#footer .footer_code{width: 100%; margin: 15px 0;}
#footer .footer_con .footer_tel p{font-size: 20px; line-height: 22px;}
#footer .footer_code .p img{max-width: 100px;}
#footer .footer_code .p p{font-size: 12px;}

}

@media screen and (max-width:768px) {
#footer .footer_con .title{margin-bottom:5px;}
#footer .footer_con{padding-left: 0;}
#footer .footer_con ul li img{display: none;}
#footer .footer_con ul li a{font-size: 13px;}
}

@media screen and (max-width:500px) {
	#footer .email{display: block;}
	#footer .email_main{width: 100%; height: 46px;}
	#footer .email_btn{height: 46px; width: 100%; text-align: center; line-height: 46px; margin-left: 0; margin-top: 10px;position: static; margin-top: 10px;}
}


.footer_adv{position:fixed;left: 0; bottom: -2px; width: 100%;  z-index: 7777777; }
.footer_adv .img1{ position:relative; display: block; left: 0; bottom:0; width: 100%; transition: 0.5s;}
.footer_adv .img2{ position: absolute; left: -1000px; bottom: 40px; width: 140px; height: auto;}
.footer_adv #footer_close{ position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,0.6);font: normal normal normal 12px / 1 FontAwesome; z-index: 7777778;}
.footer_adv #footer_close2{ position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; border-radius: 50%; background: rgba(0,0,0,0.6);font: normal normal normal 12px / 1 FontAwesome; z-index: 7777778;}
.footer_adv #footer_close:before,.footer_adv #footer_close2:before{ content: "\f00d"; color: #fff;}
.footer_small #footer_close{ opacity: 0;}
.footer_small{ height: 0;}
.footer_none{display: none;}

.footer_small .img1{ bottom: -400px;}
.footer_small .img2{ left: 10px;}

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

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


#whatsapp{z-index:111111;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:var(--main-color);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: var(--main-color);transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open , #whatsapp_tab #floatShow .online_close{transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open{position: absolute;left: 0;top: 0;opacity: 0;display: inline-flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
#whatsapp_tab #floatShow2 .online_mobile{display: none;align-items: center;justify-content: center;width: 42px;height: 42px;transition: all .5s ease;}
#whatsapp_tab #floatShow2:hover .online_open{opacity: 1;}
#whatsapp_tab #floatShow2:hover .online_close{opacity:0;}
#whatsapp_tab #floatShow2:hover{margin-right:0;}

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

#onlineService2 .title{background:var(--main-color);  display: flex; fill:#fff; padding:12px 20px;align-items: center; text-transform: uppercase;}
#onlineService2 .title i{ color: #fff; font-size: 0.3rem; margin-right: 10px; line-height: 0.2rem;}
#onlineService2 .title .h4{ color: #fff; font-size: 0.16rem;font-family: "Roboto-BC";}
#onlineService2 .title p{ color: #fff; line-height: 20px;}
#onlineService2 .li{ padding: 5%;}
#onlineService2 .li a { background-color: #eee; margin-bottom: 15px; padding: 8px; line-height: 20px;}
#onlineService2 .li a .icon svg{ width: 50px; height: 50px; fill:#55CD6C; margin-right:10px;}
#onlineService2 .li a:hover{ background-color: #ddd;}

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

#whatsapp .inquiry{ padding: 0.2rem; background: #fff; font-size: 13px;}
#whatsapp .inquiry .p{ font-size: 14px; color: #777; line-height: 20px; margin-bottom: 0.1rem;}
#whatsapp .inquiry_text{ background: #fff;}
#whatsapp .inquiry_text .inquiry_text_p{padding: 0 20px; margin-bottom: 10px; color: #333; font-size: 16px;}
#whatsapp .inquiry_text .inquiry_text_p i{margin-left: 5px;}

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


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

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


.fixed-contact li a {
    position:absolute;
    top:0;
    right:-135px;
    display:block;
    width:210px;
	line-height:110%;
    padding:18px 0 0 50px;
    color:#fff;
    white-space:nowrap;
    transition:all .4s;
	font-size:16px;
	text-align: left;
	opacity: 0;
}
.fixed-contact.active li a {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:77777;box-shadow:0 0 10px 0 rgba(255,255,255,0.4);-webkit-box-shadow:0 0 15px 0 rgba(255,255,255,0.4);border-radius:2px 2px 0 0;background:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px;box-shadow: 2px 0 20px 0 rgb(0 0 0 / 8%);}
.mobile_nav a{width:20%;padding:0 4px;float:left;text-align:center;}
.mobile_nav a .icon{width:0.24rem;height:0.24rem;display:inline-block; fill:#808080; margin-top: 0.1rem;}
.mobile_nav a p{color:#666;font-size: 12px;text-transform:uppercase;line-height:12px;margin:0; margin-bottom: 0.1rem;}
.mobile_nav a:nth-child(3),.mobile_nav a:nth-child(4){ float: right;}

@media only screen and (max-width: 768px){
.mobile_nav{display:block;}
.mobile_nav a p{text-transform:capitalize;}
.footer_bottom{ padding-bottom:90px !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 0 0.6rem;}
.n_left{float: right; width:23%; position: relative;}
.n_left2{float: left; width:23%; position: relative;}
.n_right{float: left; width: 77%; padding-right: 0.5rem; }
.n_right2{float: right; width:77%;  padding-left: 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 0 0.4rem;}
.n_left{width: 100%; padding-right: 0;}
.n_right{width: 100%; padding: 0;}
.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: 120px; background-color: #666;}
.n_banner img{width: 100%;}
.n_title{ color: #333; text-transform: uppercase;font-size: 0.36rem; line-height: 0.4rem; z-index: 999; position: relative; z-index: 9;padding-bottom: 0.2rem; position: relative; padding-bottom:15px; margin-bottom: 15px; font-family: var(--bold-font);}
.n_title.tc{margin-bottom: 30px;}
.n_title:after{content: ''; width: 30px; background:var(--main-color); height: 4px; position: absolute; left: 50%; margin-left: -15px; bottom: 0;}
.blog .n_title,.sitemap .n_title,.products .n_title,.news .n_title{ padding-left: 20px; padding-bottom: 0;}
.blog .n_title:after,.products .n_title:after,.sitemap .n_title:after,.news .n_title:after{left: 0; top: 50%; height: 24px; width: 5px; margin-top: -12px; margin-left: 0;}


.mbx_section{ padding:15px 0;}
.mbx_section .mbx{display: inline-block;}
.mbx_section span{ margin-right: 0.06rem; color:var(--main-color);}
.mbx_section i{ color:var(--main-color); margin: 0px 0.1rem;}
.mbx_section a,.mbx_section h2,.mbx_section a, .mbx_section p{ color: #808080; font-weight: normal;display: inline-block; text-transform: capitalize;}
.mbx_section a:hover{ color: var(--hover-color); text-decoration: underline;}
.mbx_section .back a{ color: var(--hover-color); font-family:var(--bold-font);}
.mbx_section .back a:hover{ text-decoration: underline;}
@media only screen and (max-width:992px) {
.n_banner{ min-height:0; padding:0;}
.mbx_section{ text-align: center; padding: 8px 0; font-size: 12px;}
.n_title{ display: none;}
.mbx_section .mbx{ float: none; margin: 0;}
}


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

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

/*mes_section*/
.page_bg{background:#f7f7f7;}
.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.4rem;}
.contact_info ul{list-style:none;padding:0; display: flex;}
.contact_info ul li .column{transition:all .5s;padding:0.2rem;position: relative;z-index: 5;min-height:1.8rem; height: 100%; border-radius: 10px; background: #fff; border: 1px solid #eee; display: flex;align-items: center;}
.contact_info ul li .column:before , .contact_info ul li .column:after {content: ''; position: absolute; bottom: 0; left: 50px; height: 30px; width: 1px;   background: #eee; z-index: 1;}
.contact_info ul li .column:after {	bottom: auto;top: 0;}
.contact_info ul li em{display: block;font-size:18px; font-style: normal;text-transform:uppercase;color:#333;margin-bottom:0.1rem;margin-top: -0.1rem; font-family: var(--bold-font);}
.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.6rem;height: 0.6rem;position: relative;z-index: 4;top:0;display:inline-flex;align-items: center;justify-content: center; margin: 0.3rem 0; flex-shrink: 0; text-align: center; margin-right: 0.3rem;}
.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:10px;-webkit-transition: all .5s;transition: all .5s; background:var(--main-color);box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, .2);}
.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 #ccc;transition:all .5s;position: absolute;z-index: -1;opacity: 0;filter: alpha(opacity=0);}
.contact_info ul li:hover .icon:before{left:-0.1rem;right:-0.1rem;bottom:-0.1rem;top:-0.1rem;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:15px;line-height:24px;margin:0;margin-bottom:0.05rem;color:#4d4d4d;}
.contact_info ul li p a:hover{color:#666;}
.contact{ border-top: 1px solid #eee; padding: 0.3rem 0;}
.contact .i_title{ margin-bottom: 20px;}


.mes_section{position: relative; height: 100%;}
.mes_section .i_title{margin-bottom: 0;}
.mes_section .i_title .title{ font-size: 0.3rem; line-height: 0.4rem; color: #333;text-align: left; display: block; text-transform:capitalize; margin-bottom: 0; border-bottom: 1px solid #eee; padding: 0.15rem 0.3rem; background: none; font-family:var(--bold-font);}
.mes_section .inquiry{padding: 0.3rem;}
.mes_section .inquiry ul li input, .mes_section .inquiry ul li textarea{background:#f7f7f7;}
.mes_section .mess_main{text-align: left; background: #fff; border-radius:10px; border: 1px solid #eee;}
.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: var(--main-color);}
.mes_section .mes_right .mes_con ul{margin-top: 10px;}
.mes_section .mes_right .mes_con a,.mes_section .mes_right .mes_con .p{ text-transform: none; display: block; line-height: 26px !important;}
.mes_section .mes_right .mes_con ul{margin-top: 20px;}
.mes_section .mes_right .mes_con ul li a{line-height: 36px;}
.mes_section .mes_right .mes_con ul li{display: flex;align-items: flex-start; margin-bottom: 30px;}
.mes_section .ms_btn{ width: auto;}
.con_other{ display: inline-block; text-align: left; padding-bottom: 0.6rem;}

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

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

}


@media only screen and (max-width:768px) {
	.contact_info ul{display: block;}
	.contact_info ul li{margin-bottom: 10px;}
	.mes_section .mess_main{margin-bottom: 30px;}
	.contact_info ul li em{font-size: 14px;}
	.contact_info ul li p{font-size: 12px; line-height: 20px;}
}


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

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

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


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



.left_nav{  border-top: none;background: #fff; border: 1px solid #e6e6e6; margin-bottom:30px;}
ul.mtree{opacity: 0;margin-left: 0;  border-top: none; padding: 18px 18px 10px;}
ul.mtree a:hover{ color: var(--main-color); 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;  min-height:46px; padding: 5px 25px 5px 15px; font-size: 14px; font-family: var(--bold-font); color: #333;}
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: #333; font-size: 16px; font-weight: 500;}
ul.mtree>li>a i{ width: 0.5rem; height:46px; padding: 0.05rem; display: inline-block; margin-right: 0.15rem; border-right:1px solid #fff;}
ul.mtree>li>a i img{filter: brightness(0);filter: black; opacity: 0.3;transition: 0.3s all;}

ul.mtree>li{ position: relative; background: #fff; border: 1px solid #eee; margin-bottom: 6px;}
ul.mtree a {display: block;  color:#666;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;line-height:22px; padding-right:0.36rem;}
ul.mtree li ul a{ line-height:46px; padding: 0 0.15rem; padding-right:24px;; color: #fff; font-size: 16px; font-weight: 500;}
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:var(--main-color);;}
ul.mtree>li.mtree-open{color:#fff; background:var(--main-color);;padding-bottom:0;}
ul.mtree>li.mtree-open>h2>a{ color: #fff;}
ul.mtree ul { background: #eee;}
ul.mtree ul li{list-style:none; position:relative; border-bottom: 1px solid #fff;}
ul.mtree ul li.active a{ color: var(--main-color)}
ul.mtree ul li:last-child{ border-bottom: none;}
ul.mtree ul li a{display:block;color:#111;}
ul.mtree>li>ul>li>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; font-size: 14px;}
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;  font-size: 14px;}
ul.mtree li ul.mtree-level-2 li.active a{ color: var(--main-color);}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:var(--main-color) ;font-weight:normal;}
ul.mtree.jet ul {margin-left: 0;}
ul.mtree.jet li {margin-bottom: 1px;}
ul.mtree.jet li:last-child {margin-bottom: 0px;}
ul.mtree.jet li:first-child {margin-top: 1px;}
ul.mtree.jet li.mtree-active a {background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a {background: var(--main-color);color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: #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-2 a{line-height: 34px;}
ul.mtree .mtree-level-1 .active>a, ul.mtree .mtree-level-2 .active>a{ color: #00a695; text-decoration: underline;}

.left_h4{ background: #f7f7f7; display: flex;align-items: center;justify-content: space-between; height: 0.6rem;}
.left_h4 img{ max-width: 0.4rem; margin-right: 4px;}
.left_h4 p{line-height: 0.3rem; color: #243c82; font-size:0.26rem; position:inherit; text-transform:uppercase;position: relative; padding-bottom: 10px; line-height: 28px; padding:0 10px; font-family: var(--title-font);}
.left_h4 a{ text-transform: uppercase; margin-right: 16px; color: #999; font-size: 15px;}
.left_h4 a:hover{ color: var(--hover-color); text-decoration: underline;}
@media only screen and (max-width:992px) {
.left_nav{padding: 0; border: 0; margin-bottom: 20px !important;}
}

.nav_h4{line-height: 0.3rem; color: #243c82; font-size:0.26rem; position:inherit; text-transform:uppercase;position: relative; padding-bottom: 10px; line-height: 28px; padding:0 10px; font-family: var(--title-font); background: #f7f7f7;display: flex;align-items: center; height: 0.6rem;}
.nav_h4 img{ max-height: 0.4rem;  margin-right:4px;}
.nav_h4::after{ content:none;}
.toggle_content{width: 100%;}
@media only screen and (max-width:1600px) {
	.left_h4 p{ font-size: 20px;}
}
@media only screen and (max-width:992px) {
.nav_h4,.left_h4{ position:relative;color:#fff;padding:0px 0.1rem; font-size:0.26rem; line-height: 0.5rem; margin-bottom: 0; background:var(--main-color); border-radius: 5px;}
.nav_h4:before{ content:none;}
.nav_h4:after ,.left_h4:after{  display: block;  content: "\f107";  font-family: "FontAwesome";  position: absolute;  right:0.15rem;  cursor:pointer; font-size:0.2rem; top:5px;  color:#fff;}

}

.hot_left{ position: relative;background: #ffffff;}
.hot_left ul li{list-style: none;}
.hot_left .li{ width: 100%; margin-bottom: 10px; position: relative; box-shadow: 0 0 30px rgba(0,0,0,0.06); overflow: hidden; padding-right: 5px; display: flex;padding: 8px; border-radius: 5px;}
.hot_left .li .img{ width: 100px;margin-right: 10px;overflow: hidden;  background: #fff; flex-shrink: 0;border-radius: 5px; border: 1px solid #eee;}
.hot_left .li .title{ margin-bottom: 5px; line-height: 22px; max-height: 44px; overflow: hidden; display: block;  font-size: 14px; line-height: 20px; max-height:40px; overflow: hidden; color: #333; padding-right: 5px; font-family: var(--bold-font);}
.hot_left .li p{ font-size: 13px; color: #999; line-height: 20px; max-height: 40px; overflow: hidden;}
.hot_left ul li:last-child .li{margin-bottom: 0;}
.hot_left .li:hover .img img{transform: scale(1.06);}
.hot_left .li:hover .title{ text-decoration: underline; color: var(--hover-color);}

.tech_left{position: relative;margin-top:30px;background: #ffffff; border: 1px solid #e6e6e6;}
.tech_left ul{padding:10px 18px; padding-top: 20px;}
.tech_left ul li{ list-style: none; padding: 10px 0; border-bottom: 1px dashed #e5e5e5;}
.tech_left ul li:last-child{ border-bottom:none;}
.tech_left ul li a{ display: block; line-height: 20px; max-height: 40px; overflow: hidden; padding-left: 15px; position: relative; color: #333;}
.tech_left ul li a:after{ position: absolute; left: 0; top: 6px; background: var(--main-color); width: 6px; height: 6px; content: '';}
.tech_left ul li a:hover{ color: var(--hover-color);}

.video_left{position: relative;margin-top:30px;background: #ffffff; border: 1px solid #e6e6e6;}
.video_left ul{padding:10px 18px; padding-top: 20px;}
.video_left ul li{ list-style: none; padding: 10px 0; border-bottom: 1px dashed #e5e5e5;}
.video_left ul li:last-child{ border-bottom:none;}
.video_left ul li .img{ display:block; position: relative; margin: 0 auto;}
.video_left ul li .img img{width: 100%;}
.video_left ul li .img:after{ position: absolute; left: 14px; bottom: 14px; width: 32px; height: 32px; background: #f36e21; border-radius: 50%; content: "\f04b";font: normal normal normal 12px / 1 FontAwesome; color:#fff; line-height: 32px; text-align: center;}
.video_left ul li .title{ font-family: var(--bold-font); font-size: 14px; color: #333; display: block; line-height: 20px; max-height: 40px; overflow: hidden; margin-top: 0.2rem;}
.video_left ul li .title:hover{ color: var(--hover-color);}
.video_left ul li .com{ color: #999; font-size: 12px; margin-top: 5px; display: block;}
.video_left ul li .com:hover{ color: #f36e21;}

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


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


.page_num{width:100%;  margin-top: 0.1rem; display: flex;align-items: center; background: #f9f9f9; padding: 10px;}
.page_num a,.page_num span{display: inline-block; width: 40px; height: 40px; line-height: 40px;  border: 1px solid #eee; box-sizing: border-box; position: relative; font-size:14px; background: #fff;  text-align: center;}
.page_num a i{ line-height:40px;}
.page_num a:hover{ color: #333;-webkit-animation: qodef-jump .6s cubic-bezier(.43,.41,.36,.9) forwards; animation: qodef-jump .6s cubic-bezier(.43,.41,.36,.9) forwards}
.page_num span{ background: var(--main-color); color:#fff;box-shadow: 0 10px 24px 0px rgba(0, 0, 0, .07);border: 1px solid var(--main-color);}

.page_num .total{ margin-left: 0.1rem;}
.page_num .total input{ border: 1px solid #eee; width: 60px; height:40px; line-height: 38px; padding: 0 5px; text-align: center; margin: 0 4px;}
.page_num .total button{ height: 38px; padding: 0 20px; color: #fff; background: var(--main-color); margin-left: 10px;}
@media only screen and (max-width:992px) {
	.page_num a,.page_num>span{ margin-bottom: 4px;}
	.page_num a{min-width:40px;}
	.page_num{flex-direction: column;}
	.page_num .total{margin-top:10px;}
}

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

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


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


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


.tags_ul{margin: 0.2rem 0; overflow: hidden; }
.tags_ul span{  text-transform:uppercase; color:#333; margin-right:0.06rem; font-size:14px; font-family: var(--bold-font);}
.tags_ul a{ display:inline-block; line-height:28px; padding:0 0.15rem; text-transform: capitalize; border:1px solid #eee; margin: 1px; color: #666; font-size: 13px; padding-top: 2px;}
.tags_ul a:hover{ color: #fff; background: #f36e21;}
.tags_ul i{margin-right: 10px; color: var(--main-color);}
.tags_ul a:hover{ background:var(--hover-color); color: #fff;}
@media screen and (max-width: 992px) {
	.tags_ul{ width:100%;}	
}

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


.hot_tags{ margin-top:30px;  background: #fff; border: 1px solid #eee; border-radius: 10px;}
.hot_tags .toggle_content{padding: 0.2rem;}
.hot_tags a{ display:inline-block; padding: 0.1rem 0.2rem; text-transform: capitalize; font-size: 14px; color: #fff; background: var(--main-color); border-radius: 4px;   margin:2px; font-weight: 500;}
.hot_tags a:hover{background: var(--main-color); color:#fff;}

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

}


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

/*products*/
.cbp-vm-view-grid .tags_ul{ display:none;}
.cbp-vm-view-grid ul li .my_more1{ width:calc(100% - 2px); position: relative; z-index: 55; bottom: 1px; border: none; border-top: 1px solid #eee; background: #f9f9f9; border-top-left-radius: 0; border-top-right-radius: 0; color: #333; margin-top: 10px; border-radius: 5px; height: 42px;}
.cbp-vm-view-grid ul li:hover .my_more1{ opacity: 0; bottom: -10px;width:calc(100% - 20px); background: var(--main-color); border-radius: 5px; margin-top: 0;}


.cbp-vm-view-grid .pro_more{ margin-top:10px;}
.cbp-vm-options{position: relative; height: 0;}
.cbp-vm-options a{vertical-align:middle;height:60px;overflow: hidden;white-space:nowrap;color:#333; line-height:60px; text-align:center; margin-left: 16px;vertical-align: middle; display: flex; align-items: center; justify-content: center; float: left; position: absolute; top: -80px; left: 10px;}
.cbp-vm-options a:last-child{ left: 40px;}
.cbp-vm-options a svg{ width: 16px; height: 16px; color: #999;transition: 0.5s all;}
.cbp-vm-options a:hover svg, .cbp-vm-options a.cbp-vm-selected svg{ color: var(--main-color);}

/* 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: 14px;}
.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';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;}
.cbp-vm-view-grid ul li:nth-child(4n+1){ clear: both;}
/* 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; margin-bottom: 15px; border: 1px solid #eee;}
.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:27%; 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 {overflow: hidden;white-space: normal;max-height:0.4rem; line-height:0.2rem; color:#777; margin:5px 0px;}

.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:18px; overflow:hidden; display:block; font-family: var(--bold-font);}
.cbp-vm-view-list ul li:hover .h4 a{ color: var(--main-color);}
.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;}
.cbp-vm-view-grid ul li{  margin-bottom:0.2rem; padding:0px 0.1rem;}
.cbp-vm-view-grid ul li .h4 a{line-height:20px;  font-size:14px; text-align: left;height:40px; overflow:hidden;display:block;color: #333; z-index: 999; position: relative;font-family: var(--bold-font);}
.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;}
.cbp-vm-view-grid ul li .h4 a:hover{ color: var(--hover-color);}

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


@media screen and (max-width: 768px) {
	.cbp-vm-options{ display: none;}
   .cbp-vm-view-grid ul li{ width: 50%; padding:0 4px;}
   .cbp-vm-view-grid ul{margin: 0 -4px;}
   .cbp-vm-view-grid ul li:nth-child(3n+1){ clear: none;}
   .cbp-vm-view-grid ul li:nth-child(2n+1){ clear: both;}
   .cbp-vm-view-grid ul li .h4 a{ font-size: 12px; margin-top: 8px; line-height: 20px; height: 40px;}
   .cbp-vm-view-grid ul li .my_more1{ display: none;}
   .cbp-vm-view-grid ul li .li{padding-bottom: 10px;}
}

/*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 ul li{float: left; list-style: none;}
.news ul li .li{  background: #fff; display: flex;align-items: flex-start;position: relative; transition: 0.5s all; overflow: hidden;border-bottom: 1px solid #eee; padding-bottom:20px; margin-bottom: 20px;}
.news .img{ width: 2.4rem; margin-right:20px; overflow:hidden; display:block; position:relative;transition: 0.5s all; flex-shrink: 0;}
.news .text{ width:100%;transition: 0.5s all; }
.news .img img{ width:100%;}
.news .li .title{ line-height: 24px; font-size: 16px; max-height: 48px; color:#333; display:block; overflow:hidden; font-family: var(--bold-font);} 
.news  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; }
.news ul li .li .main{ padding-left: 0.3rem;}
.news  ul li p{color:#666; max-height:48px; overflow:hidden; line-height:24px;margin: 10px 0;}
.news  ul li:hover .img{background: #000;}
.news  ul li:hover .img img{transform: scale(1.1); opacity: 0.7;}
.news  ul li .img img{ width: 100%;}
.news .li .title:hover,.news_top .swiper-slide .title:hover{ color: var(--main-color);}

.news  ul li .more{display: inline-block; width:0.5rem; height: 0.5rem; background-color: #f1f1ed; 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:%23333333'%3E%3C/path%3E%3C/svg%3E "); background-size: 20px auto;  background-repeat: no-repeat; background-position: center center;  transform: rotate(-45deg); flex-shrink: 0; margin-left: 20px; opacity: 0; border-radius: 50%;}
.news  ul li:hover .more{ background-color: var(--hover-color);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23ffffff'%3E%3C/path%3E%3C/svg%3E "); transform: rotate(0deg); opacity: 1;}



.blog_title{ color: #333; font-size: 20px; font-family: var(--bold-font); line-height: 30px;}
.blog-info i{ margin-right: 0.06rem; color: #aaa;}
.page_detail{border: 1px solid #eee; background:#fff;}
.page_detail .main{ border-top: 1px solid #eee; padding: 0.3rem;}
.page_title{padding: 0.2rem 0.3rem;}
.page_img{ padding: 0.3rem 0.3rem 0;}
@media screen and (max-width: 768px) {
	.news ul li .li{display: block;}
	.news ul li .li .main{ padding: 0; margin-top: 10px;}
	.news .img{width: 100%;}
	.news .text{width: 100%; margin-top: 10px; padding-left: 0;}

}


@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 .text{ width: 100%; padding: 0;}
}



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


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



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

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

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

/*pro_detail*/
.pro_page{ position: relative; z-index: 555; background: #f7f7f7; padding:30px; margin-bottom: 0.5rem;}
.pro_page .pro_main{display: flex; border-radius: 0;}
.pro_page .prom_img{ width:36%; position: relative;}
.pro_page .main_text{ width:64%;  padding-left: 0.3rem;}

#content{ position: relative;top: -0.6rem;}
.pro_main_title{ font-size: 20px;overflow:hidden; display:block;text-transform:capitalize; color:#333; margin-bottom: 0.2rem; font-family: var(--bold-font);}
.pro_main_text{ background:#eee; padding: 10px; margin-bottom: 20px;}
.pro_table ul{padding-left: 0;}
.pro_table ul li{ color:#333;list-style:none; float: left;display: flex; line-height: 20px; margin-bottom: 0.15rem; padding-right: 30px;}
.pro_table ul li p{display:inline-block;margin-right:0.1rem;vertical-align:middle;margin-bottom:0;font-size:13px; min-width: 140px; width: 18%; flex-shrink: 0; color: #666;}
.pro_table ul li a{ color: #666;}
.pro_table ul li a:hover{ color:var(--hover-color);}
.main-more{ text-align:left !important; margin-top:30px;}
.pro_more a{background:var(--main-color); text-transform: capitalize;line-height:50px; padding: 0 0.15rem; display: inline-block; font-size: 14px; color: #fff; margin-right: 0.1rem; position: relative; font-family: var(--bold-font);}
.pro_more a:nth-child(2){ background:#f36e21;}
.pro_more a:nth-child(2){ background:#f36e21;}
.pro_more a:nth-child(3){ background:#21cdad;}
.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 a i{margin-right: 6px;}
.tab-content{ border: 1px solid #eee; padding: 0.3rem; border-radius: 10px; border-top-left-radius: 0; background: #fff;}
.tab-content > .tab-pane { display: none;}
.tab-content > .active {display: block;}
.products_main .nav-tabs li{list-style: none; background: #f7f7f7;  float: left; margin-right: 4px;}
.products_main .nav-tabs li a{ color: #333;font-size:18px; display: inline-block; padding:10px 20px; line-height: 30px; text-transform: capitalize;  border-radius: 0; border: 1px solid #f7f7f7; border-bottom: none; margin-bottom: -1px; font-family:var(--bold-font);}
.products_main .nav-tabs li.active a{ color:#333; background:#fff; border: 1px solid #eee; border-bottom: none;}

.pro_tags a{ border: 1px solid var(--main-color); display: inline-block; padding: 0 10px; line-height: 32px; color: var(--main-color); font-size: 13px; margin: 4px;}
.pro_tags a:hover{ background: var(--hover-color); color: #fff;}
.pro_con{ margin-top: 18px;}
.pro_con span,.pro_con a{color:#333; font-family: var(--bold-font); font-size: 20px; margin-right: 18px;}
.pro_con i{ font-size: 18px; color:#f36e21; margin: 0 6px;}
.pro_con a:hover{ color: #f36e21; text-decoration: underline;}

.pro_share{ margin-top:16px;}
.pro_share a{ margin-left: 6px;}

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

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


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

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

.pro_inq{ position: relative; background:#fff; overflow: hidden; border: 1px solid #e5e5e5; border-top: none;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;}
.pro_inq .title{color: #fff;  font-size:18px; line-height:30px;  text-transform: capitalize; background: var(--hover-color); padding: 16px 30px; font-family: var(--bold-font); margin-bottom: 20px;}
.pro_inq .text{ margin-bottom:10px; color:#666; line-height:20px; background:#fff; padding: 10px 0; border-radius: 0; line-height:22px; padding: 0 0.3rem;}
.pro_inq .inquiry{padding:0 0.3rem 0.3rem;}
.pro_inq .inquiry .ms_btn{ width: auto;}

.rel_section{overflow: hidden; padding:0.6rem 0; background: #f7f7f7;}
.rel_section .swiper-slide{ opacity:0;transition: 0.5s all;}
.rel_section .swiper-slide.swiper-slide-visible{ opacity: 1;}
.rel_section .swiper-slide{width:16.66%; padding: 0 0.1rem;}
.rel_section .li{ padding:0.08rem; padding-bottom: 24px; border: 1px solid #eee; background: #fff; text-align: left;transition: 0.5s all; box-shadow: 0 20px 50px rgba(0,0,0,0.05); text-align: center;}
.rel_section .img{ position: relative; display: block; overflow: hidden;}
.rel_section .li .h4{ color: #333; font-size:14px;display: block; line-height:20px; height:40px; margin-bottom: 6px; overflow: hidden;  margin-top: 0.2rem; font-family: var(--bold-font);}
.rel_section .li .com{ color: #777; line-height:22px; font-size: 13px; max-height: 44px; display: block;overflow: hidden;}
.rel_section .li .my_more1{ height: 0.4rem; font-size: 14px;}
.rel_section .li:hover .img img{transform: scale(1.05);}
.rel_section .li:hover{ border-color:var(--main-color);}
.rel_section .li .h4:hover{ color: var(--hover-color);}
.rel_section .li .com:hover{ color:#f36e21;}

@media only screen and (max-width:1400px) {
.rel_section .li .my_more1{ display: none;}
.rel_section .li p{margin-bottom: 0;}
}


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

}

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


.search_more{ background: #f7f7f7; padding-bottom: 0.8rem;}
.search_more .main{ background: #fff; text-align: center; padding:0.5rem 5%;}
.search_more .main .title p{ display: inline-block; padding: 0 0.5rem; background: var(--main-color); font-family: var(--title-font);  color: #fff; text-transform: uppercase; font-size: 0.3rem; border-radius: 30px; margin-bottom: 20px;}
.search_more .main a{ display: inline-block; margin: 4px; line-height: 0.36rem; padding: 0 15px; background: #f7f7f7;}
.search_more .main a:hover{ background: var(--hover-color); color: #fff;}

.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{  border-bottom: none; transition: 0.5s all; border:1px solid #eee; border-radius: 5px; background: #fff;transition: 0.5s all;}
.blog_list li .li .blog_info{padding:0 0.3rem 0.3rem;}
.blog_list li:last-child .li{ margin-bottom: 0;}
.news_info{ font-size:12px;line-height: 20px; color:#999;display:flex;align-items: center; position: relative; z-index: 5;}
.news_info span{ margin-right:16px;}
.news_info i{width: 30px; height: 30px;line-height: 30px; text-align: center; border-radius: 50%; background: #f7f7f7; position: relative; color: #999; margin-right: 4px;font-size: 12px; display: inline-flex;align-items: center; justify-content: center; flex-shrink: 0;}

.blog_list li .image{display:block;overflow:hidden;margin-right:0.2rem; float: left; max-width: 100%; border-radius: 5px; margin-top: 15px;}
.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;font-size:20px;  border-bottom: 1px solid #eee;padding:0.15rem 0.3rem; font-family: var(--bold-font); }
.blog_list li .title:hover{ color: #333;}
.blog_list li .main{padding: 0.3rem;}
.blog_list li .text{ line-height:24px;overflow:hidden;max-height:120px; 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-right: 0; float: none;}
}


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

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

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

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

}
 


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

@-webkit-keyframes squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-moz-keyframes squares{0%{-moz-transform:scale(1);transform:scale(1);opacity:0}20%{-moz-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-moz-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@keyframes squares{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);-moz-transform:scale(1.24);-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);-moz-transform:scale(2.1);-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
.video li .li{ background: #fff; border-radius: 10px; overflow: hidden; text-align: center; transition: 0.5s;}
.video li .li .text{ padding: 0.2rem;}
.video li .li .text .title{ font-size: 16px; line-height: 20px; height:40px; overflow: hidden; display: block; font-family: var(--bold-font); color: #333;}
.video li .li .text p{ background: #f7f7f7; border-radius: 5px; margin: 15px 0; line-height: 32px; color: #666;}
.video li .li .text p i{ margin-right: 6px;}
.video li .li .text .com{ display: inline-flex; text-align: left;font-size: 13px;}
.video li .li .text .com span{ display: inline-block; width: 30px; height: 30px; border-radius: 50%; padding: 2px; border: 1px solid #eee; flex-shrink: 0; margin-right: 6px; }
.video li .li .text .com:hover{ color: var(--hover-color);}
.video li .li .text .title:hover{ color: var(--hover-color);}
.video li:nth-child(3n+1){clear: both;}
.video li .li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0)}
@media only screen and (max-width: 768px) {
	.video li{margin-bottom: 15px;}
	.video li{width:50%;}
	.video li:nth-child(3n+1){clear: none;}
	.video li:nth-child(2n+1){clear: both;}
}
@media only screen and (max-width: 480px) {
	.video li{width:100%;}
	.video 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;  background: #fff;transition: 0.5s all;}
.case ul li .li .a{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.case ul li .li .img{ position: relative; display: block; overflow: hidden;}
.case ul li .li .img img{ width: 100%;}
.case ul li .li:hover{ background: var(--main-color);}
.case ul li .li .text{ padding: 15px 0; text-align: center;}
.case ul li .li .text .title{ font-size: 16px; color: #333; display: block; line-height: 24px; height: 48px; overflow: hidden;font-weight: 500; padding: 0 10px; font-family: var(--bold-font);}
.case ul li .li:hover .title{ color: #fff;}
.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: #f9d9bf;
    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}


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

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

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

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



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

.pro_select{ border: 1px solid #e6e6e6; padding:0 0.2rem; line-height:36px; transition: 0.5s; margin-bottom: 0.5rem;}
.pro_select .mbx_section,.pro_select .conditions,.pro_select .Classification{ border-bottom: 1px dashed #e6e6e6; padding: 15px 0; display: flex;}
.pro_select>div:last-child{ border-bottom: none;}
.pro_select_h6{ color: #999; font-size: 15px; min-width: 180px; flex-shrink:0 ;}
.pro_select .Classification{display: flex;justify-content: space-between; align-items: flex-start;}
.pro_select #Classification_text,.pro_select #Classification_text2{ overflow: hidden; width: 90%; transition: 0.5s;}
.pro_select #Classification_text a,.pro_select #Classification_text2 a{ color: #666;  margin-right: 0.2rem; padding: 0 0.15rem; border-radius: 30px; line-height: 36px; display: inline-block;}
.pro_select #Classification_text a:hover,.pro_select #Classification_text2 a:hover{ color: var(--hover-color);}
.pro_select #toggleButton,.pro_select #toggleButton2{ flex-shrink: 0; position: relative;  margin-left: 0.3rem; background:#f7f7f7; line-height: 32px; border-radius: 5px; padding: 0 10px 0 30px;}
.pro_select .Classification a.active{ color: var(--hover-color) !important; background:#ddedff;}
.pro_select #toggleButton:before ,.pro_select #toggleButton2:before {content:"\f107";font-family:FontAwesome; float:right;  font-style:normal; width: 10px; height: 30px; line-height:30px; position:absolute; left:15px; top:0px; color: #333; position: absolute; font-weight: bold;}


.conditions a{ display: inline-block; padding: 0 30px 0 0.15rem; position: relative; border: 1px dashed var(--main-color); border-radius: 30px; color: var(--main-color);}
.conditions a:after{content: "\f00d";display: inline-block;  font: normal normal normal 12px / 1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; right: 15px; position: absolute; line-height: 36px; color: var(--main-color);}

@media only screen and (max-width:768px) {
	.pro_select_h6{font-size: 14px;}
	.pro_select .mbx_section, .pro_select .conditions, .pro_select .Classification	{flex-direction: column; padding: 10px 0;}
	.pro_select #Classification_text a, .pro_select #Classification_text2 a{ line-height: 20px; margin-right: 0; font-size: 12px; float: left;}
	.pro_select #toggleButton, .pro_select #toggleButton2{margin-left: 0;}
	.conditions a{margin-bottom: 4px;}
	.pro_select{margin-bottom: 0; padding: 0 10px;}
}


/*language*/
.pro_drop{list-style: none; position: relative; overflow: hidden; position: relative; margin-right: 20px;}
.pro_drop p{display: inline-block;text-align: center;text-transform: capitalize;transition: 0.5s background-color;position: relative;z-index: 5;transition: 0.6s all;  line-height:46px; padding-right: 15px;}
.pro_drop 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; transition: 0.5s;}
.pro_drop p:hover:after{ transform: rotate(180deg);}
.pro_drop p:hover{color: var(--hover-color);}
.pro_drop p span{ display: block;}
.pro_drop .drop_ul{ width:400px; position:absolute; box-shadow:1px 1px 10px 0 #ccc; top: 100%; left: 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; padding: 15px;}
.pro_drop:hover {height: auto; overflow: inherit;}
.pro_drop:hover .drop_ul{margin-top: 0;transition: margin .3s ease-in-out;-moz-transition: margin .3s ease-in-out; opacity: 1; z-index: 9999999999;}
.pro_drop .drop_ul:after{position:absolute;top: -5px; left: 15px; width: 0; height: 0; content: '';border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 5px solid #fff;}
.pro_drop ul li{ list-style: none; float: left; width: 33.33%; font-size: 13px; position: relative; padding-left: 15px;}
.pro_drop ul li.active:after{content: "\f00c";font-family: 'FontAwesome';position: absolute;left: 0;top: 50%;transform: translate(0, -50%);font-size: 14px;color: #0071bd;}

.pro_drop ul li a{ line-height: 22px; padding: 4px 0; display: flex;align-items: center; color: #555;}
.pro_drop ul li:hover a{ color: var(--hover-color); text-decoration: underline;}

.pro_drop2 .drop_ul{ width: 180px;}
.pro_drop2 .drop_ul ul li{ width: 100%;}

.pro_condition{ display: flex;align-items: center; background: #f7f7f7; padding-left: 90px; height: 60px; margin-bottom: 20px;justify-content: space-between; padding-right: 30px;}
.pro_condition .main{ display: flex;align-items: center;flex-wrap: wrap;}
.pro_condition .info{ color: #666; font-size: 13px;}
.pro_condition .info span{ color: var(--hover-color);}
.pro_condition .main>a{ margin-right: 16px;}
.pro_condition .main>a:hover{ color: var(--hover-color);}
.pro_condition i{ font-size: 12px; margin-left: 4px;}

.priceRange input {width: 100px;height: 36px;display: inline-block;border: 1px solid #e6e6e6;background: #fff;box-sizing: border-box;color: #999;text-indent: 6px;  font-size: 12px; line-height: 34px;}
.priceRange button {height: 36px;display: inline-block;line-height: 36px;text-align: center;color: #fff;background: var(--hover-color); cursor: pointer;border: 0;border-radius: 2px;vertical-align: top;margin-left: 5px; padding: 0 15px; font-size: 12px;}

.enterprise_le{ padding-left:80px; display: flex; justify-content: space-between;align-items: center; margin-top: 5px;}
.enterprise_le.v1{ background:url(../images/v1.png) no-repeat left center;}
.enterprise_le.v2{ background:url(../images/v2.png) no-repeat left center;}
.enterprise_le.v3{ background:url(../images/v3.png) no-repeat left center;}
.enterprise_le.v4{ background:url(../images/v4.png) no-repeat left center;}
.enterprise_le.v5{ background:url(../images/v5.png) no-repeat left center;}
.enterprise_le p span{ color: var(--hover-color); font-family:var(--bold-font); margin: 0 4px;}
.enterprise_le p.pro_add{ color: #999;}

.cbp-vm-view-grid ul li .li{ border: 1px solid #e6e6e6; padding-bottom: 10px;}
.cbp-vm-view-grid ul li .text,.cbp-vm-view-grid ul li .pro_price,.cbp-vm-view-grid ul li .enterprise{ padding: 0 10px; text-align: left;}

.products .pro_price p{ color: #f44129; font-family: var(--bold-font); font-size: 16px;}
.products .enterprise a{ font-size: 13px; color: #999; display: block; margin-top: 4px;}

.cbp-vm-view-grid .select-trigger{ background:#f36e21; font-family: var(--bold-font); font-size: 16px; line-height: 36px; color: #fff; display: block; position: absolute; left: 0; bottom: -100px; width: 100%;}
.cbp-vm-view-grid .li:hover .select-trigger{ bottom: 0;}
.cbp-vm-view-grid .cbp-vm-details,.cbp-vm-view-grid .pro_price .more2{ display: none;}

.cbp-vm-view-list li .li{display: flex;justify-content: space-between; width: 100%;}
.cbp-vm-view-list .cbp-vm-image{width: 20%; min-width: 2rem; flex-shrink: 0; margin-right: 20px;}
.cbp-vm-view-list li .li .text{ width: 56%;}
.cbp-vm-view-list li .li .info{ width: 24%; flex-shrink: 0; margin-left: 20px; padding-left: 20px; border-left: 1px solid #e5e5e5; text-align: center;}
.cbp-vm-view-list li .li .cbp-vm-image .select-trigger{display: none;}
.cbp-vm-view-list li .select-trigger{ color: #fff; font-size: 16px; background: #f36e21;  line-height: 36px;  padding: 0 15px; line-height: 42px; display: inline-block; font-family: var(--bold-font); margin: 10px 0;}
.cbp-vm-view-list li .pro_price{ margin-top: 0.2rem;}
.cbp-vm-view-list li .pro_price p{ font-size: 0.22rem;}


.m_adv{ margin-top: 0.2rem;}
.pro_detail{ margin: 0.3rem 0;}
.detail_title{ display: block; background: #eee; margin-bottom: 15px;}
.detail_title span{ font-family: var(--bold-font); color: #fff; background: var(--main-color); line-height: 46px; display: inline-block; float: left; padding: 0 20px; font-size: 18px;}


.news_top{overflow: hidden; background: #f5f5f5; margin-bottom: 0.5rem;}
.news_top .swiper-button-prev, .news_top .swiper-button-next{ margin-top: 0.2rem; margin-right: 10px;}
.news_top .swiper-slide{text-align: center; overflow: hidden; width: 100%; height: 100%;}
.news_top .swiper-slide .main{display: flex;}
.news_top .news_info i{ background: #fff;}
.news_top .swiper-slide .slide-inner{width:40%; text-align: center; }
.news_top .swiper-slide .slide-wrap{width: 60%; padding: 0 0.3rem; text-align: left;}
.news_top .swiper-slide .main .img{ display: inline-block; position: relative;}
.news_top.swiper-slide .main .img:after{ position: absolute; left: -0.46rem; bottom: -0.46rem; content: ''; width: 2.46rem; height: 1.98rem; background-size: 100% auto;}
.news_top .swiper-slide .title{ color:#333; font-size:18px; font-family: var(--bold-font); margin-top: 0.2rem; line-height: 24px; max-height: 48px; overflow: hidden; display: block; margin-bottom: 15px;}
.news_top .swiper-slide .p{ color: #666; font-size: 13px; line-height: 24px; max-height: 72px; overflow: hidden; margin-bottom: 0.2rem;}

.news_left { background: #fff url(../images/left_bg.png) no-repeat center top; margin-bottom:30px; box-shadow: 0 0 60px rgba(0,0,0,0.08);}
.news_left .news_title{ font-family: var(--title-font); color: #333; padding: 10px 18px; position: relative; font-size: 0.26rem; text-transform: uppercase; display: flex;align-items: center;}
.news_left .news_title img{ margin-right: 6px; max-width: 0.5rem;}
.news_left .news_title:after{ position: absolute; left:-1px; top: 50%; height: 26px; width: 4px; background:var(--main-color); content: ''; margin-top: -10px; border-radius: 10px;}
.news_left .main{ padding:0 18px 18px;}
.news_tags a{ background: #f7f7f7; display: inline-block; line-height: 32px; padding: 0 10px; margin: 2px; float: left; font-size: 13px; color: #333; border: 1px solid #ddd;}
.news_tags a:hover{ background: var(--main-color); color: #fff;}
.news_adv{margin-bottom: 30px; overflow: hidden;}
.news_adv:hover img{transform: scale(1.05);}

.news_last ul li{ list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd;}
.news_last ul li:last-child{ border-bottom:none; padding-bottom: 0; margin-bottom: 0;}
.news_last ul li .title{ display: block; line-height: 20px; max-height: 40px; overflow: hidden; color: #333; margin-bottom: 5px;}
.news_last ul li .title:hover{ color: var(--hover-color);}
.news_last ul li .img{ display: block; margin-bottom:10px;}
.news_last ul li p{ color: #999;}
.news_last ul li p i{ margin-right: 4px;}


.technical ul li{float: left; list-style: none; padding:0 20px; background: #fff;}
.technical ul li .li{  display: flex;align-items: flex-start;position: relative; transition: 0.5s all; overflow: hidden;border-bottom: 1px solid #eee; padding: 30px 0;}
.technical .text{ width:100%;transition: 0.5s all;}
.technical .img img{ width:100%;}
.technical .li .title{ line-height: 24px; font-size: 18px; max-height: 48px; color:#333; display:block; overflow:hidden; font-family: var(--bold-font);} 
.technical  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; }
.technical  ul li .li .main{ display:flex; margin-top: 0.2rem;align-items: center; flex-wrap: wrap; justify-content: space-between;}
.technical  ul li p{color:#999; max-height:48px; overflow:hidden; line-height:24px;margin: 10px 0;}
.technical  ul li:hover .img{background: #000;}
.technical  ul li:hover .img img{transform: scale(1.1); opacity: 0.7;}
.technical  ul li .img img{ width: 100%;}
.technical  ul li .com span{ width:36px; height:36px; padding: 2px; border-radius: 50%; border: 1px solid #eee; margin-right: 10px; display: inline-block;}
.technical  ul li .com:hover{ color: var(--hover-color);}

.popular_vl ul li{margin-bottom: 15px;}
.popular_vl ul li .li{ border-radius: 0; background: none;}
.popular_vl ul li .li .text{ padding: 10px 0;}
.popular_vl ul li .li:hover{ box-shadow: none; transform: none;}


/*rel_video*/
.rel_video{ margin-top: 0.5rem;}
.rel_video ul li{ width: 25%; list-style: none; padding:0 10px;}
.rel_video ul li .li{  overflow: hidden;}
.rel_video ul li .img{ display: block; overflow: hidden; position: relative;border-radius: 5px; text-align: center;}
.rel_video ul li .img i{position: absolute;bottom: 50%;width:100%;right:50%;transition: all 0.5s;-webkit-transform: translate(50%, 50%);-moz-transform: translate(50%, 50%);-ms-transform: translate(50%, 50%);-o-transform: translate(50%, 50%);transform: translate(50%, 50%); width: 0.54rem; height: 0.54rem; border-radius: 50%; background: rgba(0,0,0,0.5);}
.rel_video ul li .img i:after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' t='1724147136426' class='icon' viewBox='0 0 1024 1024' version='1.1' p-id='4923' width='20' height='20'%3E%3Cpath d='M783.74 401.86L372.23 155.28c-85.88-51.46-195.08 10.41-195.08 110.53v493.16c0 100.12 109.2 161.99 195.08 110.53l411.51-246.58c83.5-50.04 83.5-171.03 0-221.06z' fill='%23ffffff' p-id='4924'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center;}
.rel_video ul li .img i:after{ left: -8px; top:-8px; right: -8px; bottom: -8px; content: ''; border:8px solid rgba(255,255,255,0); position: absolute; border-radius: 50%; transition: 0.5s;}
.rel_video ul li:hover .img img{transform: scale(1.06);}
.rel_video ul li .title{ display: block; font-size:14px; overflow: hidden;color: #333;  line-height:24px; height:48px; overflow: hidden; margin-bottom: 0.1rem;  position: relative; margin-top: 15px; font-family: var(--bold-font); text-align: center;}
.rel_video ul li:hover .img i{ background: #f18c1b; color:#fff;}
.rel_video ul li:hover .img i:after{left: -15px; top:-15px; right: -15px; bottom: -15px;border:15px solid rgba(241,140,27,0.3);}

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

.exh_top{background: #fff url(../images/int_bg.png) no-repeat 0.3rem 90%; padding: 0.5rem; margin-bottom: 0.5rem;}
.exh_top .main{ display: flex;flex-wrap: wrap;}
.exh_top .img{ float:left; width:50%;}
.exh_top ul li{ list-style: none;}
.exh_top .text{ padding-left:0.5rem; width: 50%;}
.exh_top .text .title{ font-family: var(--bold-font); font-size: 0.3rem; color:#243c82; border-bottom: 1px solid #eee; line-height: 0.4rem; padding-bottom: 20px; margin-bottom: 10px;}
.exh_top .text ul li{margin-bottom: 10px; color: #333; font-size: 15px;}
.exh_top .text ul li a{color: #333;}
.exh_top .text ul li a:hover{ color: #f36e21; text-decoration: underline;}
.exh_top .text ul li p{ color:#999; font-size: 14px;}

.exh_top .btn-box{margin-top: 0.2rem;}
.exh_top .btn-box a {min-width: 136px;height: 46px;line-height: 46px;display: inline-block;border-radius: 4px;text-align: center;font-size: 14px;color: #fff;margin-right: 22px;background: -moz-linear-gradient( 0deg, rgb(255,86,58) 0%, rgb(255,156,0) 100%);background: -webkit-linear-gradient( 0deg, rgb(255,86,58) 0%, rgb(255,156,0) 100%);background: -ms-linear-gradient( 0deg, rgb(255,86,58) 0%, rgb(255,156,0) 100%);box-shadow: 0px 4px 12px 0px rgba(255, 57, 22, 0.5);padding: 0 12px;box-sizing: border-box; font-family: var(--bold-font); margin-bottom: 10px;}
.exh_top .btn-box a.green {background: -moz-linear-gradient( 0deg, rgb(7,167,157) 0%, rgb(18,200,99) 100%);background: -webkit-linear-gradient( 0deg, rgb(7,167,157) 0%, rgb(18,200,99) 100%);background: -ms-linear-gradient( 0deg, rgb(7,167,157) 0%, rgb(18,200,99) 100%);box-shadow: 0px 4px 12px 0px rgba(8, 168, 156, 0.5);}
.exh_top .btn-box a.blue {background: -moz-linear-gradient( 0deg, rgb(67,133,245) 0%, rgb(0,182,249) 100%);background: -webkit-linear-gradient( 0deg, rgb(67,133,245) 0%, rgb(0,182,249) 100%);background: -ms-linear-gradient( 0deg, rgb(67,133,245) 0%, rgb(0,182,249) 100%);box-shadow: 0px 4px 12px 0px rgba(67, 133, 245, 0.5);
}
.exh_top .btn-box a.red {background: rgb(246, 78, 56);box-shadow: 0px 4px 12px 0px rgba(246, 78, 56, 0.5);}
.exh_top .btn-box a.disable {background: #b0b0b0;color: #fff;box-shadow: none;pointer-events: none;}

@media only screen and (max-width:768px) {
	.exh_top{padding: 15px; background-image: none; margin-bottom: 0.3rem;}
	.exh_top .img{ width: 100%;}
	.exh_top .text{padding-left: 0; width: 100%; margin-top: 20px;}
	.exh_top .text .title{font-size: 18px; line-height: 24px;}
	.exh_top .btn-box a{ width: 100%;}
}

.int_el .exh_title{ border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;}
.int_el .exh_title .img{ display: block; overflow: hidden; margin-bottom:20px}
.int_el .li{ margin-top: 10px;}
.int_el .li .title{ color: #333; line-height: 22px; max-height: 44px; overflow: hidden; display: block;}
.int_el .li p{ background: url(../images/int_video.png) no-repeat left 0; padding-left: 24px; font-size: 12px; color: #aaa; margin-top: 6px;}
.int_el .li:hover .title{ color: var(--main-color); text-decoration: underline;}


.re_el ul li{ list-style:none; border-left:1px solid #eee; position:relative; margin-left:10px; padding:8px 0; padding-left:26px;}
.re_el ul li:before{ border:3px solid #ddd; position:absolute; left:-6px; top:14px; background:#fff; width:11px; height:11px; border-radius:50%; content:'';transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.re_el ul li .title{ font-size:14px; color:#444; line-height:24px; max-height:48px; overflow:hidden; display:block; padding-right: 20px;}
.re_el ul li:before{ border:3px solid #f36e21;}
.re_el ul li .title:hover{ color: var(--main-color);}


.exh_list ul li{float: left; list-style: none;}
.exh_list ul li .li{  background: #fff; display: flex;align-items: flex-start;position: relative; transition: 0.5s all; overflow: hidden;border-bottom: 1px solid #eee; padding: 0.2rem;  margin-bottom: 20px;}
.exh_list .img{ width: 3rem; margin-right:20px; overflow:hidden; display:block; position:relative;transition: 0.5s all; flex-shrink: 0;}
.exh_list .text{ width:100%;transition: 0.5s all; }
.exh_list .img img{ width:100%;}
.exh_list .li .title{ line-height: 24px; font-size: 16px; max-height: 48px; color:#333; display:block; overflow:hidden; font-family: var(--bold-font);} 
.exh_list  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; }
.exh_list ul li .li .main{ padding-left: 0.3rem;}
.exh_list  ul li p{color:#666; max-height:48px; overflow:hidden; line-height:24px;margin: 10px 0;}
.exh_list  ul li:hover .img{background: #000;}
.exh_list  ul li:hover .img img{transform: scale(1.1);}
.exh_list  ul li .img img{ width: 100%;}
.exh_list .li .title:hover,.news_top .swiper-slide .title:hover{ color: var(--main-color);}

.exh_list  ul li .more{display: inline-block; width:0.5rem; height: 0.5rem; background-color: #f1f1ed; 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:%23333333'%3E%3C/path%3E%3C/svg%3E "); background-size: 20px auto;  background-repeat: no-repeat; background-position: center center;  transform: rotate(-45deg); flex-shrink: 0; margin-left: 20px; opacity: 0; border-radius: 50%;}
.exh_list  ul li:hover .more{ background-color: var(--hover-color);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23ffffff'%3E%3C/path%3E%3C/svg%3E "); transform: rotate(0deg); opacity: 1;}


@media screen and (max-width: 768px) {
	.exh_list ul li .li{display: block;}
	.exh_list ul li .li .main{ padding: 0; margin-top: 10px;}
	.exh_list .img{width: 100%;}
	.exh_list .text{width: 100%; margin-top: 10px; padding-left: 0;}

}


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

.enterprise ul li{ list-style: none;}
.enterprise ul li .li{ display: flex; background: #fff;}
.enterprise ul li .li .left{ width: 50%; padding: 0.2rem;}
.enterprise ul li .li .left .com{display: flex;align-items: center; font-family:var(--bold-font); font-size:18px; color: #333; margin-bottom: 20px;}
.enterprise ul li .li .left .com span{ display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-right: 10px; border-radius:50%; box-shadow: 0 0 30px rgba(0,0,0,0.15); padding: 4px;}
.enterprise ul li .li .left .text span{ color:var(--hover-color); display: inline-block; font-family: var(--bold-font);}
.enterprise ul li .li .left .text{ margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.enterprise ul li .li .left ul li{float: left; font-size: 13px; margin-bottom: 6px; display: flex;align-items: center; line-height: 24px; color: #666;}
.enterprise ul li .li .left ul li p{ color: #333; font-size: 14px; margin-left: 8px;}
.enterprise ul li .li .left ul li p a{ color: var(--main-color);}
.enterprise ul li .li .left ul li:nth-child(2n+1){ clear:both;}
.enterprise ul li{ margin-bottom:30px;}
.enterprise ul li .li .right{ width: 50%; background: url(../images/video_bg.jpg) no-repeat ; padding: 0.2rem;;}
.enterprise ul li .li .right ul li{ width: 33.33%; float: left; padding:0 10px; text-align: center;}
.enterprise ul li .li .right ul li .img{ display: block; overflow: hidden;}
.enterprise ul li .li .right ul li .img:hover img{transform: scale(1.06)}
.enterprise ul li .li .right ul li .title{ font-family: var(--bold-font); font-size: 13px; line-height: 20px; max-height: 40px; overflow: hidden; display: block; color: #fff; margin-top: 0.15rem;}
.enterprise ul li .li .right .enterprise_more{ margin-bottom: 0.2rem; display: flex;justify-content: flex-end;align-items: center;}
.enterprise ul li .li .right .enterprise_more a{ display: inline-block; padding: 0 0.2rem; line-height: 36px; color: #fff; background:#21cdad;padding: 0 12px; border-radius: 5px; margin-right: 20px;}
.enterprise ul li .li .right .enterprise_more a:nth-child(2){ background:#f36e21;}
.enterprise ul li .li .right .code{ position: relative; display: inline-block;}
.enterprise ul li .li .right .code span{ display: inline-block; width:30px; height: 30px;}
.enterprise ul li .li .right .code .img{ position: absolute; right: 0; top: 50%; width: 120px; height: 120px; z-index: -1; padding: 5px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.enterprise ul li .li .right .code:hover .img{ right: 0; top: 100%; z-index: 555;}

.ind_left ul li{ list-style: none; border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.ind_left ul li .title{ color:#333; font-size: 14px; line-height: 20px; max-height: 40px; overflow: hidden; display: block; position: relative; padding-left: 15px;}
.ind_left ul li .title:after{ position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: var(--main-color); content: '';}
.ind_left ul li .title:hover{ color: var(--main-color);}
.ind_left ul li:last-child{ border-bottom:none; padding-bottom: 0; margin-bottom: 0;}
.mob_popbtn a{position: fixed;z-index:999;left: 50%;bottom:10px;width:48px;height:48px;display: flex;align-items: center;justify-content: center;transition: all .5s ease; background-image: url("data:image/svg+xml,%3Csvg t='1733832596995' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8008' width='20' height='20'%3E%3Cpath d='M854.4 220.8H144L483.2 560c9.6 9.6 22.4 9.6 32 0l339.2-339.2z m48 16L627.2 512l275.2 275.2c6.4-6.4 9.6-16 9.6-25.6v-496c3.2-12.8 0-22.4-9.6-28.8z m-41.6 566.4L598.4 540.8 547.2 592c-12.8 12.8-28.8 19.2-48 19.2s-35.2-6.4-48-19.2L400 540.8 137.6 800c3.2 3.2 9.6 3.2 16 3.2h707.2z m-752-38.4l256-256-256-256c0 3.2-3.2 9.6-3.2 12.8v492.8c3.2 3.2 3.2 6.4 3.2 6.4zM153.6 176h716.8c22.4 0 48 9.6 64 25.6s25.6 38.4 25.6 64v492.8c0 22.4-9.6 48-25.6 64S896 848 870.4 848H153.6c-22.4 0-48-9.6-64-25.6S64 784 64 758.4V265.6c0-22.4 9.6-48 25.6-64s41.6-25.6 64-25.6z' fill='%23ffffff' p-id='8009'%3E%3C/path%3E%3C/svg%3E"); background-size: 20px auto; background-position:center center; background-repeat: no-repeat; background-color: #024ca1; border-radius: 50%; margin-left: -25px; z-index: 111111;}


@media only screen and (max-width:1500px) {
	.pro_condition .info{display: none;}
	.cbp-vm-options{display: none;}
	.pro_condition{padding-left: 10px; }


}


@media screen and (max-width: 1400px) {
	.news_top .swiper-slide .p{display: none;}
}

@media screen and (max-width: 992px) {
	.news_left,.news_adv{display: none;}
	.pro_condition{ background: none;padding: 20px 0; }
	.pro_drop .drop_ul{width: 200px;}
	.pro_drop ul li{ width: 50%;}
	.enterprise ul li .li .left{width: 100%;}
	.enterprise ul li .li{flex-wrap: wrap;}
	.enterprise ul li .li .right{width: 100%;}
}

@media screen and (max-width:768px) {
	.news_top{padding-bottom: 20px;}
	.news_top .swiper-slide .main{display: block; }
	.news_top .swiper-slide .slide-inner,.news_top .swiper-slide .main .img,.news_top .swiper-slide .main .img img{ width: 100%;}
	.news_top .swiper-slide .slide-wrap{width: 100%; margin-top: 10px;}
	.news ul li .more{display: none;}
	.news_top .swiper-slide .title{font-size: 16px;}
	.pro_condition{display: none;}
	.enterprise ul li .li .right ul li .title{ font-size: 12px;}
}


.login_page{ padding:0.8rem 0; background-size: cover;}
.login_page .main{ background: #fff; padding:0.3rem; text-align: center; max-width: 500px; margin:0 auto;}
.sign_title{ font-size: 0.4rem; text-transform: uppercase; font-family: var(--title-font); color: #09428a; margin-bottom: 10px;}
.login_btn{ width: 100%; height: 50px; line-height: 50px; background: var(--main-color); font-size: 16px; text-transform: uppercase; display: inline-block; font-family: var(--bold-font); color:#fff;}
.login_btn:hover{ background:#0449be;}
.forgot_btn{ color: var(--hover-color); display: inline-block; margin:20px 0 10px;}
.forgot_btn:hover{ text-decoration: underline;}
.sign_other .line{ position: relative;} 
.sign_other .line:after{ position: absolute; top: 50%; left:0; width: 100%; height: 1px; background:#eee; content: '';}
.sign_other .line span{ display: inline-block; padding: 0 30px; background: #fff; position: relative; z-index: 555;}
.reg_btn{ display: inline-block; padding: 0 30px; line-height: 42px; height: 42px; background:#31a14b; font-family:var(--bold-font); color: #fff; margin-top: 0.2rem; font-size: 12px; text-transform: uppercase;}
.reg_btn:hover{ background: #3eba5b;}


.cd-breadcrumb {margin: 0 0 50px; height: 50px; overflow: hidden; display: flex;justify-content: center;}
.cd-breadcrumb li { float: left;  list-style: none; position: relative; width: 22%; background: #eee;}
.cd-breadcrumb li em{ height: 50px; display: inline-block; padding: 0 0.6rem; line-height:50px; width: 100%; font-style: normal; font-family: var(--bold-font); color: #333; text-transform: capitalize;}
@media only screen and (min-width: 768px) {

.cd-breadcrumb.triangle li > * {
	position: relative;
	background-color: #edeff0;
	border-color: #edeff0;
	}
.cd-breadcrumb.triangle li.current > * {
color: #ffffff;
background-color: #85b226;
border-color: #85b226;
}
.cd-breadcrumb.triangle li:first-of-type > * {
padding-left: 1.6em;
border-radius: .25em 0 0 0;
}
.cd-breadcrumb.triangle li:last-of-type > * {
padding-right: 1.6em;
border-radius: 0 .25em 0 0;
}
.no-touch .cd-breadcrumb.triangle a:hover {
/* steps already visited */
color: #ffffff;
background-color: #2c3f4c;
border-color: #2c3f4c;
}
.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
content: '';
position: absolute;
top: -5px;
left: 100%;
content: '';
height: 0;
width: 0;
border: 24px solid transparent;
border-right-width: 0;
border-left-width: 20px;
}
.cd-breadcrumb.triangle li::after {
z-index: 1;
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
border-left-color: #ffffff;
/* reset style */
margin: 0;
}
.cd-breadcrumb.triangle li > *::after {
/* this is the colored triangle after each element */
z-index: 2;
border-left-color: inherit;
}
.cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
display: none;
}
.cd-breadcrumb.triangle.custom-separator li::after {
/* reset style */
background-image: none;
}
.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
/* 50px is the height of the <a> element */
border-top-width: 30px;
border-bottom-width: 30px;
}

@-moz-document url-prefix() {
.cd-breadcrumb.triangle li::after,.cd-breadcrumb.triangle li > *::after {  border-left-style: dashed;}}
}
.register_page {background: #f7f7f7;}
.register_page>.container>.main{ background: #fff; padding-bottom: 0.5rem; margin-bottom: 0.8rem; padding-top: 0.5rem; margin-top: 0.5rem;}
.register01 ul{display: flex;display: flex; align-items: center;justify-content: center;}
.register01 ul li{ list-style: none; padding: 0 20px; width: 400px; max-width: 50%; float: left;}
.register01 ul li .li{ text-align: center; padding: 0.3rem; transition: 0.5s; background: #f7f7f7;}
.register01 ul li .li .icon{ display: inline-block; width: 1.2rem; height:1.2rem; background: #fff; padding: 0.2rem; border-radius: 50%;}
.register01 ul li .li .title{ font-size: 0.2rem; font-family: var(--bold-font); color: #333; margin: 15px 0;}
.register01 ul li .li .more{ display: inline-block; line-height: 40px; padding: 0 20px; margin-top: 20px; background:var(--hover-color); color: #fff; font-family: var(--bold-font); text-transform: capitalize;}
.register01 ul li .li:hover{transform:translate3d(0,-5px,0);-webkit-transform:translate3d(0,-5px,0); box-shadow: 0 0 60px rgba(0,0,0,0.1); background: #fff;}
.register01 ul li .li:hover .icon{ background: #f7f7f7;}
.register01 ul li:nth-child(2) .li .more{ background: #21cdad;}

.register_page .innovation_pop .p{ font-size: 13px; line-height: 24px; text-align: left;}
.register_page .innovation_pop .a{margin-top: 20px;}
.register_page .innovation_pop .a a{ margin: 0 20px; color: var(--hover-color); font-size: 14px; text-decoration: underline;}

.register02 .inquiry{ max-width:800px; margin: 0 auto;}
.inquiry ul li .flex{ display: flex;}
.inquiry ul li .flex a{ flex-shrink: 0; background:var(--main-color); margin-left: 20px; line-height: 50px; font-size: 14px; padding: 0 20px; font-family: var(--bold-font); color: #fff;}


@media screen and (max-width:992px) {
	.cd-breadcrumb{display: none;}
	.register_page>.container>.main{padding: 0.3rem; margin-top: 0.3rem;}
	.register01 ul{ flex-wrap: wrap;}
	.register01 ul li{width: 100%; max-width: 100%; margin-bottom: 20px;}
}

@media screen and (max-width:768px) {
	.inquiry ul li .flex{flex-direction: column;align-items: flex-start;}
	.inquiry ul li .flex a{margin-left: 0; margin-top: 15px;}
}

.inq_select{ position: relative; background: #f7f7f7;}
.inq_select:after{top: 50%;right: 10px;content: "\f107";height: 20px;width: 20px;position: absolute;font-weight: bold;transition: all .5s;font-family: 'FontAwesome';line-height: 20px;margin-top: -10px;font-size: 20px;text-align: center;}
.pro_interest ul{width: 100%;}
.pro_interest ul li{ float: left; padding: 0 4px; margin-bottom: 8px;}
.pro_interest ul li a{ display: inline-block;background-color: #f6f6f6; border: 1px solid #e2e0e0; padding: 0 12px; line-height: 37px; font-size: 12px; color: #333;}
.pro_interest ul li a:hover{ color: #f36e21; text-decoration: underline;}


.input-append{display:flex; padding: 2px; border: 1px solid #e5e5e5; background: #eee; max-width: 300px;}
.input-append .btn{ flex-shrink: 0; background-color: #21cdad; color: #fff; height: 50px; line-height: 50px; padding: 0 20px;}
.input-append input{ border:none !important; background:none !important;}
.register04{text-align: center;}
.register04 .icon{ display: inline-block; max-width: 3rem;}
.register04 .title{ font-family: var(--bold-font); color: #333; font-size: 0.3rem; max-width: 8rem; margin: 0 auto;}
.register04 .more{ line-height: 50px; height: 50px; font-family:var(--bold-font); background:var(--main-color); padding: 0 20px; display: inline-block; margin-top: 10px; color: #fff; text-transform: uppercase;}



.section_title2{margin-bottom: 20px; text-align: center;}
.section_title2 span{ position: relative; font-family: var(--bold-font); color: #333; font-size: 0.3rem;display: inline-block;}
.about_page1 { padding: 0.5rem 0;}
.about_page2{ background: #f7f7f7; padding: 0.5rem 0;}
.about_page2 .text{ background: #fff; padding: 0.5rem;}
.about_page3 { padding: 0.5rem 0;}
.about_page4{ background: #f7f7f7; padding: 0.5rem 0;}

.honor_tab .honor_nav{ background: #f2f5fa; line-height:60px; padding-right:15px; margin-bottom: 0.3rem; text-align: center;}
.honor_tab .honor_nav .tab{ margin: 0 0.2rem; font-family: var(--title-font); display: inline-block; font-size: 22px; text-transform: uppercase;}
.honor_tab .honor_nav .tab a{ color: #999;}
.honor_tab .honor_nav .tab.on a{ color: #333;}
.honor_tab .honor_nav>a{ float: right; color: #666; font-size: 14px; text-transform: uppercase; font-family: var(--bold-font);}
.honor_tab .honor_nav>a i{ margin-left: 6px;}
.honor_tab .honor_nav>a:hover{color: var(--main-color); text-decoration: underline;}
.honor_tab .honor_main .text{display: none;}
.honor_tab .honor_main .active{ display: block;}

@media only screen and (max-width: 768px) {
	.about_page2 .text{padding: 15px;}
	.about_page4,.about_page1,.about_page3{padding: 0.3rem 0;}
	.section_title2 span{ font-size: 0.26rem;}
	.about_page2{padding: 0.3rem 0 0.5rem;}
}

/*cd-secondary-nav*/
.cd-section{ position: relative;}
.cd-section ul li{ list-style: none;}
.cd-secondary-nav {position: relative;z-index: 3;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;  margin-top: 0.3rem;}
.cd-secondary-nav .main{ display: flex; justify-content: space-between;}
.cd-secondary-nav ul {position: fixed; visibility: hidden;z-index: 1;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: scale(0);-moz-transform: scale(0);
-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transform-origin: 100% 100%;-moz-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;transform-origin: 100% 100%;-webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;-moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;transition: transform 0.3s, visibility 0s 0.3s; border-radius: 0;}
.cd-secondary-nav ul.is-visible {  visibility: visible;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;  -moz-transition: -moz-transform 0.3s, visibility 0s 0s;  transition: transform 0.3s, visibility 0s 0s;}

@media only screen and (min-width: 992px) {
  .cd-secondary-nav ul {position: static;width: auto;width:100%;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);background: #eee; }
  .cd-secondary-nav li { display: inline-block; float: left; list-style: none;}
  .cd-secondary-nav li a { position: relative; display: block;  border-bottom: none; line-height: 60px; color: #333; font-size: 14px; font-family:var(--bold-font);padding: 0 0.2rem; transition: 0.5s all}
  .cd-secondary-nav li a.active{ background:var(--main-color); color: #fff;}
  .cd-secondary-nav li a:hover{ color:var(--hover-color);}
  .cd-secondary-nav.is-fixed { position: fixed;left: 0; top:80px; height: 60px; width: 100%; z-index: 1111111; margin-top: 0;}
}

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


.personal_title{ background: url(../images/shouquan-banner.jpg) no-repeat center center; background-size: cover; padding: 0.3rem 0;}
.personal_title .name{ font-size: 0.3rem; line-height: 0.4rem; color: #333; font-family:var(--bold-font);}
.personal_title .com{ font-size: 0.2rem; }

#parentHorizontalTab01 .swiper-slide{ opacity: 0 !important;}
#parentHorizontalTab01 .swiper-slide-active{ opacity: 1 !important; z-index: 999;}

.personal_page .pro_index{ background: #F1F1F1; padding-bottom: 0.5rem;}
.personal_page .pro_index .tabs{ background: #fff; font-family:var(--bold-font); color: #333; text-transform: uppercase;}
.personal_page .pro_index .tabs a{ color: #333; padding:0.15rem 0; margin: 0 0.5rem; display: inline-block; border-bottom: 2px solid #fff; font-size: 0.2rem;}
.personal_page .pro_index .tabs a.active{ color:var(--main-color); border-bottom: 2px solid var(--main-color);}
.personal_page .pro_index .tabs a:hover{ color: var(--main-color);}

.personal_page .register02{ padding: 0.5rem 0; background: #fff; margin: 0.5rem 0;}
.personal_page .register02 .inquiry{ max-width: 1000px;}


.per_title{ font-size: 0.26rem; color: #333; text-transform: capitalize; font-family: var(--bold-font); margin-bottom: 0.1rem;}
/*table*/
table.altrowstable {color: #777; border-width: 1px; border-color: #eee;  border-collapse: collapse; text-align: center; font-size: 14px;    box-shadow: 0 8px 20px 0 rgba(0,0,0,0.05);position: relative; background: #fff;width: 100%;}
table.altrowstable th { border-width: 1px;  padding:0.13rem 0.1rem 0.1rem; border-style: solid; border-color: #eee; text-align: left; background:#ddd; color: #333; font-size: 14px;}
table.altrowstable td { border-width: 1px; padding: 8px 15px; border-style: solid; border-color: #eee; text-align: left;}
table.altrowstable tr { transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all;-moz-transition: 0.5s all; -ms-transition: 0.5s all; }
table.altrowstable tr td:nth-child(3){ width: 140px; text-align: center;}
table.altrowstable tr a img{ max-width: 1rem;}
table.altrowstable tr a { border-bottom: 1px solid rgba(255,255,255,0);}
table.altrowstable tr a:hover{  color:var(--hover-color); text-decoration: underline;}
.oddrowcolor { background-color: #fff;}
.evenrowcolor {  background-color: #f9f9f9;}
table.altrowstable .more{ color: #fff; background: #0b9e3c; line-height: 20px; font-size: 14px; display: inline-block; padding:8px;}
table.altrowstable tr .more:hover{ color: #fff !important;}
.mt50{ margin-top: 0.5rem;}


@media only screen and (max-width: 992px) {
	.personal_page .pro_index .tabs{display: flex;align-items: center;}
	.personal_page .pro_index .tabs a{ margin: 0; font-size: 14px; text-transform: capitalize; width: 50%; line-height: 18px; padding: 6px; min-height: 50px; display: flex;align-items: center;}
	.personal_page .register02{background: none; margin: 0;}

}

/*partner_section*/
.partner_section2{ overflow: hidden; padding: 0.5rem 0;}
.partner_section2 ul li{ list-style: none; width: 12.5%; padding: 0 0.13rem;  transition:0s all; cursor: pointer; opacity: 0;transition: 0.5s all; box-shadow:none;}
.partner_section2 .button_inside{padding:0 0.8rem;}
.partner_section2 ul li.swiper-slide-visible{ opacity: 1;}
.partner_section2 ul li *{transition:0.5s all;}
.partner_section2 ul li .li{  overflow: hidden; background: #fff; text-align: center; width: 1.5rem; height: 1.5rem; border-radius: 50%;display: flex; align-items: center; justify-content: center; padding: 8px;}


@media only screen and (max-width: 1800px) {
	.partner_section2 ul li .li{width: 1.3rem; height: 1.3rem;}
}

.bg_jb{background: linear-gradient(to bottom, #ffffff, #f0f0f0);}



/*faq_section*/
.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 .column{overflow:hidden; border-radius:0;padding:28px 30px;cursor: pointer;transition: 0.5s all;}
.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;height: 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; font-family: var(--bold-font);}
.page_faq_l li.rotate{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #f7f7f7;}
.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;}
}


#st-1{ text-align: left !important; margin-top: 20px !important;}


.video_detail{ padding: 0.2rem 0.2rem 0;}
.video_detail .embed-responsive{ max-width: 880px;}