@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box}
body{ font-size:16px; font-weight:1.5; font-family:"SourceHanSansCN-Regular-2", sans-serif !important;color:#666;overflow-x: hidden;}
a,img,input{ text-decoration:none; font-size:14px; border:0}
body,h1,h2,h3,h4,h5,h6,form,ol,li ,dl,ul,input,tr,td{margin: 0px;padding: 0px;list-style-type: none; color:#333; font-weight:normal}
ul li{ list-style:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333 } a:focus{ -moz-outline-style: none; /* FF */} 
input,button,select,textarea{outline:none}
textarea{resize:none}
.sscx1 p input,.sscx2-1-1 p input{-webkit-appearance:none;}
img{ max-width:100%}
@font-face {
    font-family: 'SourceHanSansCN-Regular-2';
    src: url('../fonts/SourceHanSansCN-Regular-2.eot');
    src: url('../fonts/SourceHanSansCN-Regular-2.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceHanSansCN-Regular-2.woff') format('woff'),
         url('../fonts/SourceHanSansCN-Regular-2.ttf') format('truetype'),
         url('../fonts/SourceHanSansCN-Regular-2.svg#webfont34M5alKg') format('svg');}
		 

.cent,.foot{ max-width:1280px; margin:auto; overflow:hidden}
.head1{ padding:0 24px;color: #141d22;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;}
.header{ position: -webkit-sticky; position: sticky; top: 0; left: 0; width: 100%; z-index: 1100; background:#fff}
.he1 p{ text-align:right; padding:1% 0; color:#fff; font-size:12px}
.he1 p span{ display:inline-block; margin:0 1.5%}
.he1 p span img{ vertical-align:middle; margin-right:12px}
.he1 p a img{ vertical-align:middle;}
.he1 p a{ margin-left:1%}
.banner{ position:relative}
.banner p img{ width:100%}
.head1 .logo{ height: 80px; padding-right: 32px;display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0;}
.head1 .navz{width:80%; padding-top:0px;-webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.zg{margin-right: auto;}
.a0{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  position:relative;
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;
  background-color:transparent;
  outline:0;
  border:0;
  margin:0;
  border-radius:0;
  padding:0;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  vertical-align:middle;
  -moz-appearance:none;
  -webkit-appearance:none;
  -webkit-text-decoration:none;
  text-decoration:none;
  color:inherit;
  font-family:unset;
  font-weight:500;
  font-size:0.9375rem;
  line-height:1.75;
  letter-spacing:0.02857em;
  text-transform:uppercase;
  min-width:64px;
  padding:7px 21px;
  border-radius:8px;
  -webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border:1px solid rgba(108, 133, 149, 0.5);
  color:#6c8595;
  box-shadow:none;
  border-radius:4px;
  text-transform:none;
  font-family:unset;
  color:#141d22;
  background:#6c859514;
  border:1px solid transparent;
  border:1px solid transparent;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  min-width:100px;
  min-height:48px;
  padding-left:24px;
  padding-right:24px;
  font-family:var(--f-country-simple-family);
  font-weight:600;
  line-height:24px;
  font-size:16px;
  letter-spacing:0.3px;
}
.zg1{display: grid;
  grid-auto-flow: column;
  gap: 16px;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;}
.a1{ background: #ffde02;}
.a0:hover{background: #6c859533;
  border-color: #91a3b0;}
.a1:hover{background: #ffde02;
  border-color: #ffde02;}
.logo img{ width:100%;}
.flexslider{position:relative;overflow:hidden;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li a{ display:block;}
.flexslider .slides li img{ width:100%; display:block}
.flex-control-nav{position:absolute;bottom:40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 13px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:15px;height:15px;line-height:50px;overflow:hidden;background:#fff; border-radius:50%; cursor:pointer;}
.flex-control-nav .flex-active{background:#74CCF0;}
.nav1 ul{ overflow:hidden}
.nav1 ul li{ float:left; text-align:center;/*! width: 14.285%; */margin: 0px 16px;}
.nav1 ul li a{ font-size:18px; display:block; position:relative;}
.nav1 ul li a:hover{ color:#666;}
.nav2,.sjx{ display:none}
.dropMenu{ position:absolute; top: 0; left:0 !important; width:100%; border-top:#334056 1px solid; z-index:9999;visibility: hidden; background:#fff; overflow:hidden; padding:2% 0}
.dropMenu li{ line-height:40px; display:inline-block; text-align:center;}
.dropMenu li a{ font-size:16px; color:#999;} 
.dropMenu .curr1 a{ color:#3A5FA7}
.na-z{ float:left; width:15%; border-right:#F1F1F1 1px solid;}
.na-y{ float:right; width:80%; padding-top:2%}
.na-z li .a2{ display:none}
.na-z .curr1 .a2{ display:inline-block}
.na-z .curr1 .a1{ display:none}
.na-z li img{ vertical-align:middle; margin-right:15px}
.na-z li{ margin:3% 0; cursor:pointer}
.na1{ overflow:hidden;}
.na1 dl{ float:left; width:16%; margin-left:4%}
.na1 dl dt img{ width:100%}
.na1 dl dd{ text-align:center; color:#333; margin-top:3%}
.na-y li{ width:100%}
.na1 dl dt img{ height:179px}
.na1 dl a:hover dd{ color:#3A5FA7}
header{ display:none}
.sjx{ display:none !important}
.qh a{ color:#fff}
.he_ZoomInImg{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.2);transform:scale(1.1);}
/* Hover */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hover{
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover:hover{
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.sy11{ background:url(../images/sy-28.jpg) no-repeat center top; overflow:hidden; margin-bottom:128px}
.sy11-1{ margin-top:144px}
.sy11-1 .cent{
  background:#070e20;
  border-radius:8px;
  z-index:1;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
  gap:48px;
  padding:48px;
 text-align: unset;
}
.sy11-2{ text-align: unset;}
.sy11-2 h1{ color: #edf0f2;font-size: 36px; line-height: 48px;}
.sy11-2 p{ color: #edf0f299;font-size: 18px; line-height: 24px; margin-top:8px}
.a2{ color:#fff;background: #6c859529;}
.fo1{ margin-bottom:64px}
.fo2{ overflow:hidden}
.fo2 li{ float:left; width:10%}
.fo2 li a{ font-size:16px; line-height:22px;}
.fo2 li a:hover{ color:#666}
.xt{ margin: 48px 0px;
  -webkit-flex-shrink:0;
  -ms-flex-negative:0;
  flex-shrink:0;
  border-width:0;
  border-style:solid;
  border-color:rgba(0, 0, 0, 0.08);
  border-bottom-width:thin;
  border-color:#141d22;
  border-color:#141d221f;}
.fo3 p{font-size: 14px; line-height: 20px;color: #141d2299; margin-bottom: 8px;}
.fo4 p{ overflow:hidden}
.fo4 p span{ float:right;color: #141d2299}
.fo4 p a{ display:inline-block; margin-right:23px; border-bottom:#fff 1px solid; padding-bottom:1px}  
.fo4 p a:hover{ border-bottom:#333 1px solid} 
.fo4{ margin-bottom:32px}
.fo4{ margin-bottom:120px} 
.sy1{ position:relative; position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  text-align:center;
  min-height:480px;
  padding:64px 24px 32px;}
.hero-video{position: absolute;
  top: 0px;
  height: 100%;
  z-index: -1;
  clip-path: inset(1px);}
.sy1 h1{ font-size: 56px; line-height: 72px; text-align:center}
.sy1 p{ text-align:center; font-size: 20px; line-height: 28px;margin:16px 0 48px;}
.sy2{ border-top: 1px solid #141d221f;padding-top: 24px; margin-bottom:48px}
.sy2 ul{ overflow:hidden}
.sy2 ul li{ float:left; width:25%; font-size: 18px; line-height: 24px;}
.sy2 ul li img{ margin-right: 8px; vertical-align:middle}
.sy3{color: #edf0f2; background-color: #070e20;padding-top: 128px;}
.sy3 h1{ font-size: 36px; line-height: 48px;color: #edf0f2; text-align:center;margin-bottom: 48px;}
.sy3 h1 span{ display:block;font-size: 18px; line-height: 24px;color: #edf0f299;margin-top: 12px;}
.sy3-1{  display:grid;
  justify-items:center;
  -webkit-align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  grid-template-columns: 1fr 40% 1fr;
  gap: 48px;}
.sy3-2{display: grid;
  grid-template-columns: 1fr; gap: 64px;}
.sy3-2-1{display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-align:center;}
.sy3-2-1 h2{ padding-left: 8px;
  padding-right: 8px;line-height:23px;
  font-size: 12px;
  letter-spacing: 0.5px;
  background-color: #6c8595;
  color: #ffffff;margin-bottom: 16px; border-radius:30px}
.sy3-2-1 h3{font-size: 20px;
    line-height: 28px;color: #edf0f2;}
.sy3-2-1 p{color: #edf0f299;font-size: 16px;
    line-height: 22px; margin-top:8px}
.sy4{ padding:128px 0}
.sy4-1 table{ border-collapse:collapse}
.sy4-1 table tr td{ color: #edf0f2;font-size: 16px; line-height:22px; padding:16px 16px; border-bottom: #edf0f233 1px solid;}
.sy4-1 table tr th{ padding:16px 16px; text-align:left;color: #edf0f299; border-bottom:#fff 1px solid}
.sy4-1 table tr .b2{ color:#edf0f299;}
.b1{display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:8px;}
.b1 .b3{ font-size: 14px; line-height: 20px;color: #edf0f299;}
.sy5{ margin-top:48px;display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;}
.sy6-1 .left,.sy6-1 .right{ width:48%}
.sy6-y p img{ width:100%; border-radius:10px}
.sy6-1{ margin:128px 0;grid-template-columns:1fr 1fr;
    display: grid;
    grid-auto-rows:1fr;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    grid-gap: 48px}
.sy6-z{ display: grid; grid-auto-flow: row;gap: 48px;}
.sy6-z h1 img{ display:block;margin-bottom: 24px;}
.sy6-z h1{font-size: 36px;line-height: 48px;}
.sy6-z h1 span{ display:block; font-size: 18px; line-height: 24px;margin-top: 12px;}
.sy6-1 ul li{ font-size: 18px; line-height: 24px;color: #141d2299;margin-bottom: 12px;}
.sy6-y ul{ display:none}
.sy6-y1{-webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;}
.sy6-1:nth-child(2){ margin-bottom:0}
.sy7{ margin: 128px 48px;}
.sy7 h1{ text-align:center;font-size: 36px; line-height: 48px; margin-bottom:48px}
.sy7 h1 span,.sy7 h1 a{font-size: 18px; line-height: 24px;}
.sy7 h1 span{ display:block;margin-top: 12px;color: rgba(20, 29, 34, 0.6);}
.sy7 h1 a{ display:inline-block; margin-top: 24px;color: #141d2299; border-bottom:#fff 1px solid; padding-bottom:1px}
.sy7 h1 a:hover{ border-bottom:#333 1px solid}
.cent1{ max-width:1664px}
.sy7-1{display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;}
.sy7-2{height: 100%;
  padding: 0px;
  transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);}
.sy7-2 a{margin: 0px;
  white-space: pre-line;
  cursor: pointer;
  text-underline-offset: auto;
  text-underline-position: under;
  text-decoration: none;
  color: rgb(20, 29, 34);
  display: flex;
  flex-direction: column;
  height: 100%;}
.sy7-2 h2{position: relative;
  overflow: hidden;
  border-radius: 8px 8px 0px 0px;
  aspect-ratio: 3 / 2;}
.sy7-2 h2 img{ width:100%; border-radius:10px 10px 0 0;inset: 0px;
  height: 100%;
  margin: 0px;
  max-width: none;
  padding: 0px;
  position: absolute;
  width: 100%;
  object-fit: cover;}
.sy7-2 div{display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 0%;border-width: medium 1px 1px;
  border-style: none solid solid;
  border-color: currentcolor rgba(20, 29, 34, 0.12) rgba(20, 29, 34, 0.12); border-radius:0 0 10px 10px;gap: 48px; padding: 24px;}
.sy7-2 a:hover div{border-color: rgb(145, 163, 176);}
.sy7-2 h3{ display:inline-block; overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 8px;
  padding-right: 8px;
  white-space: nowrap;background-color: rgba(108, 133, 149, 0.08);height: 24px; line-height:24px;
  border-radius: 16px;font-size: 12px;} 
.sy7-2 p{font-size: 20px; line-height: 28px;}  
.d1{ display:none}
.lo2{ display:none}

.ny-banner{ position: relative;
  box-sizing: border-box;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-background-position: center;
  background-position: center;
  color: #edf0f2;
  padding: 64px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 32px 24px;
  min-height: calc(100vw / 0.75);padding: 128px 96px;-webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: calc(100vw / 2.5);}
.ny-banner h2 img{ width:100%} 
.bann1{ max-width: 656px}
.bann1 h3{ color:#fff; font-size: 56px; line-height: 72px;}
.bann1 p{ color:#fff;font-size: 20px; line-height: 28px;margin-top: 16px;}
.ny-banner h2{position:relative;
  overflow:hidden;
  position:absolute!important;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  background-color:rgba(0,0,0,0.5);}
.ny-banner h2 img{ inset: 0px;
  height: 100%;
  margin: 0px;
  max-width: none;
  position: absolute;
  padding: 0px;
  width: 100%;
  object-fit: cover;opacity: unset !important;
  object-position: 75% 50%;object-position: 50% 50%}
.bk0{ margin:128px 0}
.bk1 ul li{ display:inline-block;}
.bk1 ul li a{ display:block; overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;height: 32px;
  border-radius: 16px;line-height:30px;
  font-size: 14px;
  letter-spacing: 0.3px;
  background-color: rgba(108, 133, 149, 0.08);
  color: rgb(20, 29, 34); border:rgba(108, 133, 149, 0.08) 1px solid}
.bk1 ul li a:hover{ border: rgb(108, 133, 149) 1px solid}
.bk1 ul .dq1 a{background-color: rgb(108, 133, 149);
  color: rgb(255, 255, 255);}
.bk2{  box-sizing:border-box;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:100%;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;width: calc(100% + 48px);
    margin-left: -48px; margin-top:-48px}
.bk2-1{ -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  padding-top:48px;padding-left: 48px;}
.bk2-1 h2 a{ display:block; position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 2;
  border-radius: 4px;}
.bk2-1 h2 a img{inset: 0px;
  height: 100%;
  margin: 0px;
  max-width: none;
  padding: 0px;
  position: absolute;
  width: 100%;
  object-fit: cover;} 
.bk2-1 h3{font-size: 14px;
    line-height: 24px;white-space: pre-line;
  color: rgba(20, 29, 34, 0.6); overflow:hidden;margin-bottom: 8px;}  
.bk2-1 h3 span{ display:inline-block;overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 8px;
  padding-right: 8px;
  white-space: nowrap;height: 24px;line-height:24px; letter-spacing: 0.5px; box-sizing: border-box;
  border: 1px solid transparent;
  font-size: 12px;background-color: rgba(108, 133, 149, 0.08);
  color: rgb(20, 29, 34);
  border-radius: 16px; float:right}  
.bk2-1 p a{ display:block;font-size: 20px;
    line-height: 28px;white-space: pre-line;} 
.bk3 p{ text-align:center}
.bk3 p a{display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  position:relative;
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;
  background-color:transparent;
  outline:0;
  border:0;
  margin:0;
  border-radius:0;
  padding:0;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  vertical-align:middle;
  -moz-appearance:none;
  -webkit-appearance:none;
  -webkit-text-decoration:none;
  text-decoration:none;
  color:inherit;
  font-family:unset;
  font-weight:400;
  font-size:0.875rem;
  line-height:1.43;
  letter-spacing:0.01071em;
  border-radius:16px;
  text-align:center;
  box-sizing:border-box;
  min-width:32px;
  height:32px;
  padding:0 6px;
  margin:0 3px;
  color:#141d22;
  -webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.bk3 p a:hover{background-color: rgba(0, 0, 0, 0.04);}
.bk1{ margin-bottom:48px}
.bk1 ul{display: flex;
  flex-wrap: wrap;
  gap: 8px;}
  
.bann2 h3,.bann2 p{ color:#141d22}
.bann2,.jq2,.jq3,.jq1,.lx1,.lx2,.lx3,.lx4,.bkx1,.gy1,.gy3,.gy4,.gy5{ margin:128px 0}
.xz-l-1 .fa-chevron-down1{ position:absolute; right:0; bottom:40%; width:10px; height:6px; background-size:100% !important}
.subNav .fa-chevron-down1{background:url(../images/jg-4.png) no-repeat center right;}
.currentDt .fa-chevron-down1{background:url(../images/jg-3.png) no-repeat center right;}
.navContent{display: none;}
.xz-l-1{ position:relative; padding:24px 0; cursor:pointer;border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
.xz-l-1 h1{ font-size:16px; overflow:hidden; color:#000;}
.xz-l{ overflow:hidden;}
.currentDd{ margin:0}
.subNavBox{ border-top: 1px solid rgba(0, 0, 0, 0.12);}
.xz-l p{ font-size:14px; line-height: 20px;margin-bottom: 16px;}
.xz-l p span{ font-size:12px; color:#666; display:block; margin-left:2%; line-height:24px; margin-top:1%}
.xz-l{ position:relative; margin-top:-1%;border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
.currentDd{ border:0; border-radius:20px 20px 0 0}
.gc-bt2{ margin-bottom:0}
.jq1{ display: grid;
  gap: 48px;
 grid-template-columns: 1fr 1fr;}
.jq1-1{ display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #141d221f;
  border-radius: 8px; padding: 32px;}
.jq1-1 h2{ font-size: 26px; line-height: 36px;white-space: pre-line;
  margin-bottom: 8px;}
.jq1-1 p{ margin-bottom: 16px;
  white-space: pre-line;}
.jq1-1 p,.jq1-1 p a{ font-size: 16px; line-height: 22px;}
.jq1-1 p a{ color: #1172cc;}
.jq1-1 p a:hover{ text-decoration:underline}
.jq1-1 h3{ margin-top:auto}
.jq1-1 h3 a{color: #141d2299;gap: 4px;font-size: 16px; line-height: 22px;}
.jq1-1 h3 a:hover,.lx1-2 p a:hover{ text-decoration:underline;}
.jq1-1 h3 img{ margin-left:10px}
.jq2 h3{ font-size: 20px;
    line-height: 28px;white-space: pre-line;
  margin-bottom: 8px;}
.jq2 p{font-size: 14px;
    line-height: 20px;}
.jq3{display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 48px;
  }
.jq3-1{grid-column: 2 span;}
.jq3-2{grid-column: 4 span;}
.jq3-1 h2{ font-size: 36px; line-height: 48px; margin-bottom: 32px;}

.lx1 h1,.lx4 h1{ margin-bottom: 48px;text-align: center;font-size: 36px; line-height: 48px;}
.lx1-1{ display: grid;grid-auto-rows: 1fr;gap: 48px; grid-template-columns: 1fr 1fr;}
.lx1-2{background: #f8f9f9;
  color: #141d22;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px;}
.lx1-2 h2{ margin-bottom:32px}
.lx1-2 h3{font-size: 20px;
    line-height: 28px}
.lx1-2 p{ line-height: 22px; margin-top:8px}
.lx1-2 p,.lx1-2 p a{font-size: 16px;}
.lx1-2 p a{ color:#1172cc}
.lx2{display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 48px;}
.lx2-1{grid-column: 2 span;}
.lx2-2{grid-column: 4 span;}
.lx2-1 h1{ margin-bottom: 48px; font-size:36px; line-height:48px}
.lx2-2 div{border-bottom: 1px solid #141d221f;
  padding: 24px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;display: grid;gap: 0px 48px;grid-template-columns: 128px auto; font-size:14px; line-height:20px;
}
.lx2-2 .lx2-2-1{ color: #141d2299;}
.lx2-2 .lx2-2-2 .e2{ font-size:16px; line-height:22px}
.lx2-2 .lx2-2-2 .e1::before{content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px;
  background-color: rgb(24, 192, 91);
}
.lx3{position: relative;
  overflow: hidden;
  margin: auto;
  aspect-ratio: 1.25;
  border-radius: 0;aspect-ratio: 2.5;border-radius: 8px;
  }
.lx3 p{position: relative;
  overflow: hidden;
  margin: auto;
  aspect-ratio:2.5;
  border-radius: 0;}
.lx3 p img{inset: 0px;
  height: 100%;
  margin: 0px;
  max-width: none;
  padding: 0px;
  position: absolute;
  width: 100%;
  object-fit: cover;}
.lx4-2{ padding: 32px 24px;}
.lx4-1 h2{ font-size:26px; line-height:36px;margin-bottom: 16px;}
.lx4-1 h2 img{ vertical-align:middle; margin-right:10px; border-radius:50%; width:24px; height:24px}
.lx4-1 p{ font-size:15px; line-height:22px} 
.lx4-4{border-top: 1px solid #141d221f;padding: 24px;}
.lx4-3 .lx4-4:nth-child(odd){border-right: 1px solid #141d221f; }
.lx4-3{ display: grid; grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;}
.lx4-1 .lx4-3 h2{ font-size:20px; line-height:28px}

.caseBxo {
    position: relative;
    padding-bottom:80px;
}
.caseBxo .casebtn {
    width: 42px;
    height: 42px;
    top: auto;
	background-size:100%;
    bottom:0px;
}
.caseBxo .casebtn.casenext {
    background-image:url(../images/gy-12.png);
    right: 0;
}
.caseBxo .casebtn.caseprev {
    background-image:url(../images/gy-11.png);
    left: initial;
    right: 60px;
}
.caseBxo .casebtn.casenext:hover{
    background-image:url(../images/gy-14.png);
}
.caseBxo .casebtn.caseprev:hover{
    background-image:url(../images/gy-13.png);
}
.swiper-pagination{ display:none}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity:.5 !important; border:#666 1px solid; border-radius:50%}
.caseBxo .bk2-1{ -webkit-flex-basis:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%;
  padding-top:0px;padding-left:0px;}
.bkx3{ margin-top:32px; margin-bottom:128px}
.bkx3 p,.bkx3 p a{color: #1172cc; font-size:16px;line-height: 22px; text-decoration-color: #1172cc; text-underline-offset: auto; text-underline-position: under;}
.bkx3 p a:hover{ text-decoration:underline}
.bkx10{ max-width:656px; margin:auto}
.bkx1{ margin-top:64px}
.bkx1-1 h2 span{max-width: 100%;
  display: inline-flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  height: 32px;
  border-radius: 16px;
  white-space: nowrap;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: default;
  outline: 0px;
  text-decoration: none;
  padding: 0px;
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid transparent;
  font-weight: 400;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0.3px;
  background-color: rgba(108, 133, 149, 0.08);
  color: rgb(20, 29, 34);
  align-self: flex-start;
  width: fit-content;
  margin-bottom: 12px;overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;}
.bkx1-1 h1{ font-size:36px; line-height:48px;margin-bottom: 16px;}
.bkx1-1 h3{ font-size: 14px;
    line-height: 20px;margin: 0px 0px 8px;}
.bkx1-1 h4{font-size: 14px;
    line-height: 20px;color: #8d9194;}
.bkx1-1{ margin-bottom:64px}
.bkx1-2{ margin:32px 0}
.bkx1-2 h2{ text-align:center}
.bkx1-2 p{margin-top: 32px;font-size: 14px;
    line-height: 20px;color: #141d2299;}
.xt1{ margin-top:64px}
.bkx1-4{ display: flex;
  flex-direction:row;}
.bkx1-4 p{width: 64px;}
.bkx1-4 h2{ font-size: 14px;
    line-height: 20px; margin: 0px 0px 0px 16px;color: rgba(20, 29, 34, 0.6);
}
.bkx1-3{display: flex;
  flex-direction:row;}
.bkx1-3-1{position: relative;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.25rem;
  line-height: 1;
  border-radius: 50%;
  overflow: hidden;
  user-select: none;
  width: 64px;
  height: 64px;
  margin-top: 8px;}
.bkx1-3-1 p img{width: 100%;
  height: 100%;
  text-align: center;
  object-fit: cover;
  color: transparent;
  text-indent: 10000px;
}
.bkx1-3-2{ margin: 0px 0px 0px 16px;}
.bkx1-3-2 h3{margin: 8px 0px;font-size: 20px;
    line-height: 28px;}
.bkx1-3-2 p{ font-size: 14px;
    line-height: 20px;}
.bkx4{border-top: 1px solid rgba(0, 0, 0, 0.12);margin-top: 128px;
    padding-top: 128px;
    padding-bottom: 128px;
  }
.bkx4 h1{font-size: 36px;
    line-height: 48px;margin-bottom: 48px;text-align: center;}
.xt2{ margin:0}

.bann4 h3,.bann4 p{ color:#141d22}
.gy5{ margin-top:0}
.gy1{display: grid;grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;grid-gap: 48px;}
.gy1-1 p{position: relative;
  overflow: hidden;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  border-radius: 8px;-webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;}
.gy1-1 p img{inset: 0px;
  height: 100%;
  margin: 0px;
  max-width: none;
  padding: 0px;
  width: 100%;
  object-fit: contain;}
.gy1-2 h2{font-size: 26px;
    line-height: 36px; margin-bottom:8px}
.gy1-2 p{font-size: 16px;
    line-height: 22px; margin-top:12px}
.gy2{position: relative;
  box-sizing: border-box;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-background-position: center;
  background-position: center;
  color: #edf0f2;
  background-color: #070e20;
  display: grid;grid-template-columns: 1fr 1fr;
    gap: 32px;gap: 64px}
.gy2-1{ position: relative;
  overflow: hidden;-webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;}
.gy2-2{display: flex;-webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;margin-left: 96px;
    padding: 64px 0px;
  }
.gy2-2 h2{font-size: 36px;
    line-height: 48px;margin-bottom: 48px; color:#fff
  }
.gy2-2 h2 img{ display:block;margin-bottom: 24px;} 
.gy2-2 h3{font-size: 20px;
    line-height: 28px; color:#fff}
.gy2-2 p{font-size: 16px;
    line-height: 22px; color:#fff}
.gy3{display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;row-gap: 32px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.gy3-1{ padding: 24px;text-align: unset;
    border-left: 1px solid rgba(0, 0, 0, 0.12);}
.gy3-1 h2{font-size: 32px;
    line-height: 44px; margin-bottom:8px}
.gy3-1 p{font-size: 16px;
    line-height: 22px;
  }
.gy4 h1,.gy5-1 h1{font-size: 36px;
    line-height: 48px; text-align:center;margin-bottom: 48px;}
.gy4 h1 span,.gy5-1 h1 span{ display:block; margin-top:12px;color: #141d2299; font-size:18px; line-height:24px}
.gy4-1{display: grid;
    grid-template-columns: 1fr 1fr;
  }
.gy4-2{border-top: 1px solid rgba(0, 0, 0, 0.12);padding: 24px;}
.gy4-2:nth-child(odd){border-right: 1px solid rgba(0, 0, 0, 0.12);}
.gy4-2 h2{font-size: 20px;
    line-height: 28px;}
.gy4-2 p{font-size: 16px;
    line-height: 22px;margin-top: 16px;
  }
.gy5-1 h1{ text-align:left; margin-bottom:68px}
.g1 p{ position: relative;
  overflow: hidden;border-radius: 8px;aspect-ratio: 3 / 2;}
.g1 p img{bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-width: none;
  padding: 0;
  position:absolute;
  right: 0;
  top: 0;
  width: 100%;
  object-fit: cover;}
 .gy5-2{ padding-bottom:0}
.gy5-2 .swiper-button-next,.gy5-2 .swiper-button-prev{ position:relative; top:inherit !important; left:inherit !important; bottom:inherit !important; right:inherit !important; display:inline-block; margin-top:40px}
.gy5-2 .cent{ overflow:inherit;}
.gy5-2 .swiper-button-next{ margin-left:20px}