/* 基础样式重置 */

/* @tailwind base; */

/* 由于 tailwind base 中的样式会覆盖 block编辑的样式，故这里屏蔽 base，只取回 base中 最基础的内容 */

/* 组件 */

.cbox{
  width:clamp(320px, calc(100% - 1rem), 1300px);
}

/* 工具 */

.absolute{
  position:absolute;
}

.relative{
  position:relative;
}

.-top-12{
  top:-3rem;
}

.bottom-0{
  bottom:0px;
}

.left-0{
  left:0px;
}

.left-12{
  left:3rem;
}

.left-\[16\.5\%\]{
  left:16.5%;
}

.right-0{
  right:0px;
}

.right-\[16\.5\%\]{
  right:16.5%;
}

.top-0{
  top:0px;
}

.z-10{
  z-index:10;
}

.z-20{
  z-index:20;
}

.z-30{
  z-index:30;
}

.z-40{
  z-index:40;
}

.z-50{
  z-index:50;
}

.order-2{
  order:2;
}

.order-3{
  order:3;
}

.order-4{
  order:4;
}

.mx-auto{
  margin-left:auto;
  margin-right:auto;
}

.-mt-4{
  margin-top:-1rem;
}

.-mt-\[3rem\]{
  margin-top:-3rem;
}

.ml-8{
  margin-left:2rem;
}

.mr-1{
  margin-right:0.25rem;
}

.mt-0{
  margin-top:0px;
}

.mt-2{
  margin-top:0.5rem;
}

.mt-4{
  margin-top:1rem;
}

.mt-8{
  margin-top:2rem;
}

.block{
  display:block;
}

.inline-block{
  display:inline-block;
}

.flex{
  display:flex;
}

.grid{
  display:grid;
}

.hidden{
  display:none;
}

.aspect-\[2\/1\]{
  aspect-ratio:2/1;
}

.aspect-\[3\/2\]{
  aspect-ratio:3/2;
}

.aspect-square{
  aspect-ratio:1 / 1;
}

.h-3{
  height:0.75rem;
}

.h-4{
  height:1rem;
}

.h-full{
  height:100%;
}

.h-2{
  height:0.5rem;
}

.w-1\/2{
  width:50%;
}

.w-1\/3{
  width:33.333333%;
}

.w-10{
  width:2.5rem;
}

.w-3{
  width:0.75rem;
}

.w-\[17\.8\%\]{
  width:17.8%;
}

.w-\[23\%\]{
  width:23%;
}

.w-\[27\.1\%\]{
  width:27.1%;
}

.w-\[30\%\]{
  width:30%;
}

.w-\[48\%\]{
  width:48%;
}

.w-\[85\%\]{
  width:85%;
}

.w-full{
  width:100%;
}

.min-w-\[2rem\]{
  min-width:2rem;
}

.min-w-\[9rem\]{
  min-width:9rem;
}

.max-w-\[60\%\]{
  max-width:60%;
}

.shrink-0{
  flex-shrink:0;
}

.-translate-y-20{
  --tw-translate-y:-5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.list-inside{
  list-style-position:inside;
}

.list-disc{
  list-style-type:disc;
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.flex-row{
  flex-direction:row;
}

.flex-col{
  flex-direction:column;
}

.items-center{
  align-items:center;
}

.justify-start{
  justify-content:flex-start;
}

.justify-center{
  justify-content:center;
}

.justify-between{
  justify-content:space-between;
}

.gap-2{
  gap:0.5rem;
}

.gap-4{
  gap:1rem;
}

.overflow-hidden{
  overflow:hidden;
}

.rounded-full{
  border-radius:9999px;
}

.rounded-lg{
  border-radius:0.5rem;
}

.rounded-b-lg{
  border-bottom-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem;
}

.rounded-b{
  border-bottom-right-radius:0.25rem;
  border-bottom-left-radius:0.25rem;
}

.rounded-b-xl{
  border-bottom-right-radius:0.75rem;
  border-bottom-left-radius:0.75rem;
}

.rounded-b-2xl{
  border-bottom-right-radius:1rem;
  border-bottom-left-radius:1rem;
}

.border{
  border-width:1px;
}

.bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/50{
  background-color:rgb(0 0 0 / 0.5);
}

.bg-black\/75{
  background-color:rgb(0 0 0 / 0.75);
}

.bg-gray-400{
  --tw-bg-opacity:1;
  background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.bg-green-400{
  --tw-bg-opacity:1;
  background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

.bg-green-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-50\/50{
  background-color:rgb(240 253 244 / 0.5);
}

.bg-red-700{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.bg-sky-700{
  --tw-bg-opacity:1;
  background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1));
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-\[url\(\/static\/imgs\/about-honor\/patentsbg\.jpg\)\]{
  background-image:url(/static/imgs/about-honor/patentsbg.jpg);
}

.bg-\[url\(\/static\/imgs\/about-technology\/jsslbg\.jpg\)\]{
  background-image:url(/static/imgs/about-technology/jsslbg.jpg);
}

.bg-\[url\(\/static\/imgs\/company-profile\/bg-about-us\.jpg\)\]{
  background-image:url(/static/imgs/company-profile/bg-about-us.jpg);
}

.bg-\[url\(\/static\/imgs\/about-technology\/Technical-bg1\.jpg\)\]{
  background-image:url(/static/imgs/about-technology/Technical-bg1.jpg);
}

.bg-cover{
  background-size:cover;
}

.bg-top{
  background-position:top;
}

.bg-no-repeat{
  background-repeat:no-repeat;
}

.object-cover{
  -o-object-fit:cover;
     object-fit:cover;
}

.p-1{
  padding:0.25rem;
}

.p-4{
  padding:1rem;
}

.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem;
}

.px-4{
  padding-left:1rem;
  padding-right:1rem;
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem;
}

.pb-16{
  padding-bottom:4rem;
}

.pl-4{
  padding-left:1rem;
}

.pl-8{
  padding-left:2rem;
}

.pr-16{
  padding-right:4rem;
}

.pt-8{
  padding-top:2rem;
}

.text-left{
  text-align:left;
}

.text-center{
  text-align:center;
}

.text-right{
  text-align:right;
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem;
}

.text-\[\.5rem\]{
  font-size:.5rem;
}

.text-\[\.75rem\]{
  font-size:.75rem;
}

.text-\[\.85rem\]{
  font-size:.85rem;
}

.text-\[3\.5rem\]{
  font-size:3.5rem;
}

.text-base{
  font-size:1rem;
  line-height:1.5rem;
}

.text-sm{
  font-size:0.875rem;
  line-height:1.25rem;
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem;
}

.text-xs{
  font-size:0.75rem;
  line-height:1rem;
}

.font-\[600\]{
  font-weight:600;
}

.font-semibold{
  font-weight:600;
}

.uppercase{
  text-transform:uppercase;
}

.leading-\[\.9\]{
  line-height:.9;
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-red-100{
  --tw-text-opacity:1;
  color:rgb(254 226 226 / var(--tw-text-opacity, 1));
}

.text-red-700{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.opacity-0{
  opacity:0;
}

.opacity-100{
  opacity:1;
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* 非原子类写在下面 chy 2023-12-13 14:09:04 */

/* @import url(../../css/style.css); */

.h1, .h2, .h3, .h4, .h5, .h6{
  line-height: 1.5;
}

.h1 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 700;
}

@media (min-width: 1200px) {
  .h1 {
    font-size: 2.5rem;
  }
}

.h2 {
  font-size: calc(1.325rem + 0.9vw);
  font-weight: 600;
}

@media (min-width: 1200px) {
  .h2 {
    font-size: 2rem;
    font-weight: 600;
  }
}

.h3 {
  font-size: calc(1.3rem + 0.6vw);
  font-weight: 500;
}

@media (min-width: 1200px) {
  .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 500;
}

@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.5rem;
  font-weight: 500;
}

h6, .h6 {
  font-size: 1rem;
  font-weight: 500;
}

.marker\:text-red-700 *::marker{
  color:rgb(185 28 28 );
}

.marker\:text-red-700::marker{
  color:rgb(185 28 28 );
}

.before\:mr-2::before{
  content:var(--tw-content);
  margin-right:0.5rem;
}

.before\:block::before{
  content:var(--tw-content);
  display:block;
}

.before\:text-red-700::before{
  content:var(--tw-content);
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.before\:content-\[\'\23AF\23AF\23AF\'\]::before{
  --tw-content:'⎯⎯⎯';
  content:var(--tw-content);
}

.before\:content-\[\'\25B2\'\]::before{
  --tw-content:'▲';
  content:var(--tw-content);
}

.before\:content-\[\'\25CF\'\]::before{
  --tw-content:'●';
  content:var(--tw-content);
}

.after\:block::after{
  content:var(--tw-content);
  display:block;
}

.after\:text-red-700::after{
  content:var(--tw-content);
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.after\:content-\[\'\23AF\23AF\23AF\'\]::after{
  --tw-content:'⎯⎯⎯';
  content:var(--tw-content);
}

.after\:content-\[\'\25BC\'\]::after{
  --tw-content:'▼';
  content:var(--tw-content);
}

.group:hover .group-hover\:opacity-0{
  opacity:0;
}

.group:hover .group-hover\:opacity-100{
  opacity:1;
}

@media (min-width: 1024px){
  .lg\:absolute{
    position:absolute;
  }

  .lg\:-bottom-10{
    bottom:-2.5rem;
  }

  .lg\:right-0{
    right:0px;
  }

  .lg\:top-0{
    top:0px;
  }

  .lg\:order-4{
    order:4;
  }

  .lg\:-ml-40{
    margin-left:-10rem;
  }

  .lg\:-mt-\[13rem\]{
    margin-top:-13rem;
  }

  .lg\:ml-16{
    margin-left:4rem;
  }

  .lg\:mr-16{
    margin-right:4rem;
  }

  .lg\:mr-2{
    margin-right:0.5rem;
  }

  .lg\:mt-12{
    margin-top:3rem;
  }

  .lg\:mt-16{
    margin-top:4rem;
  }

  .lg\:mt-20{
    margin-top:5rem;
  }

  .lg\:mt-24{
    margin-top:6rem;
  }

  .lg\:mt-4{
    margin-top:1rem;
  }

  .lg\:mt-6{
    margin-top:1.5rem;
  }

  .lg\:mt-8{
    margin-top:2rem;
  }

  .lg\:block{
    display:block;
  }

  .lg\:flex{
    display:flex;
  }

  .lg\:hidden{
    display:none;
  }

  .lg\:h-6{
    height:1.5rem;
  }

  .lg\:w-1\/2{
    width:50%;
  }

  .lg\:w-1\/5{
    width:20%;
  }

  .lg\:w-4\/5{
    width:80%;
  }

  .lg\:w-\[40\%\]{
    width:40%;
  }

  .lg\:w-\[45\%\]{
    width:45%;
  }

  .lg\:w-\[46\%\]{
    width:46%;
  }

  .lg\:w-\[50\%\]{
    width:50%;
  }

  .lg\:w-\[54\%\]{
    width:54%;
  }

  .lg\:w-\[60\%\]{
    width:60%;
  }

  .lg\:w-\[70\%\]{
    width:70%;
  }

  .lg\:w-full{
    width:100%;
  }

  .lg\:w-\[55\%\]{
    width:55%;
  }

  .lg\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr));
  }

  .lg\:flex-row{
    flex-direction:row;
  }

  .lg\:flex-col{
    flex-direction:column;
  }

  .lg\:items-end{
    align-items:flex-end;
  }

  .lg\:justify-between{
    justify-content:space-between;
  }

  .lg\:gap-0{
    gap:0px;
  }

  .lg\:gap-12{
    gap:3rem;
  }

  .lg\:gap-16{
    gap:4rem;
  }

  .lg\:gap-20{
    gap:5rem;
  }

  .lg\:gap-4{
    gap:1rem;
  }

  .lg\:gap-40{
    gap:10rem;
  }

  .lg\:gap-6{
    gap:1.5rem;
  }

  .lg\:gap-8{
    gap:2rem;
  }

  .lg\:p-12{
    padding:3rem;
  }

  .lg\:p-6{
    padding:1.5rem;
  }

  .lg\:p-8{
    padding:2rem;
  }

  .lg\:px-12{
    padding-left:3rem;
    padding-right:3rem;
  }

  .lg\:px-8{
    padding-left:2rem;
    padding-right:2rem;
  }

  .lg\:py-16{
    padding-top:4rem;
    padding-bottom:4rem;
  }

  .lg\:pb-16{
    padding-bottom:4rem;
  }

  .lg\:pl-0{
    padding-left:0px;
  }

  .lg\:pl-24{
    padding-left:6rem;
  }

  .lg\:pl-40{
    padding-left:10rem;
  }

  .lg\:pr-24{
    padding-right:6rem;
  }

  .lg\:pt-20{
    padding-top:5rem;
  }

  .lg\:text-2xl{
    font-size:1.5rem;
    line-height:2rem;
  }

  .lg\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
  }

  .lg\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
  }

  .lg\:text-\[1\.25rem\]{
    font-size:1.25rem;
  }

  .lg\:text-\[1\.5rem\]{
    font-size:1.5rem;
  }

  .lg\:text-\[1rem\]{
    font-size:1rem;
  }

  .lg\:text-\[5rem\]{
    font-size:5rem;
  }

  .lg\:text-base{
    font-size:1rem;
    line-height:1.5rem;
  }

  .lg\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem;
  }
}