.index {
  position: relative;
}

.index .banner {
  /* position: sticky;
  top: 0; */
  position: relative;
  overflow: hidden;
}

/* .index .banner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 56.97%, rgba(0, 0, 0, 0.60) 95.7%);
  z-index: 1;
  pointer-events: none;
} */



.index .banner .swiper_banner {
  height: 100%;
}

.index .banner .content {
  position: relative;
  height: 100vh;

}

.index .banner .content .banner_bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.index .banner .content .banner_bg .banner_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index .banner .content .banner_bg .banner_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index .banner .info {
  position: absolute;
  width: 6.98rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  /* bottom: 0; */
  z-index: 2;
  padding: 1.2rem 0 1.2rem 1.3rem;
  z-index: 2;
}

.index .banner .info .item {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  display: none;
  transition: opacity 1.5s ease;
  width: 100%;
}

.index .banner .info .item.on {
  opacity: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  pointer-events: auto;
}

.index .banner .info .item .desc {
  color: #fff;
  line-height: 1.53;
  position: relative;
  margin: .3rem 0 0 0;
}

.index .banner .info .item .title {
  color: #fff;
  line-height: 1.4;
  position: relative;
}

.index .banner .info .item .p_btn {
  margin: 1.65rem 0 0 0;
}



.index .banner .banner-pagination .swiper-pagination {
  /* display: flex; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .15rem;
  bottom: .33rem;
  /* padding-right: 1.3rem; */
  z-index: 2;
}

.index .banner .banner-pagination .swiper-pagination-bullet {
  width: .48rem;
  height: 2px;
  /* border-radius: 50%; */
  background: #fff;
  background-size: 100% 100%;
  opacity: 1;
}

.index .banner .banner-pagination .swiper-pagination-bullet-active {
  background: #0064BC;
  background-size: 100% 100%;
}

.index .sec_1 {
  position: relative;
  padding: 1.4rem 1.3rem;
  display: flex;
  align-items: center;
  gap: 1.9rem;
}

.index .sec_1 .info {
  flex: 1;
}

.index .sec_1 .info .title {
  color: rgba(17, 17, 17, 1);
  line-height: 1.13;
}

.index .sec_1 .info .desc {
  color: rgba(102, 102, 102, 1);
  line-height: 2;
  margin: .36rem 0 0 0;
  /*text-transform: capitalize;*/
}

.index .sec_1 .info .p_btn {
  margin: 1.12rem 0 0 0;
}

.index .sec_1 .img_box {
  width: 8.4rem;
  height: 6.2rem;
  overflow: hidden;
}

.index .sec_1 .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index .sec_2 {
  position: relative;
  padding: 0 1.3rem 1.4rem 1.3rem;
}

.index .sec_2 .title {
  color: rgba(17, 17, 17, 1);
  line-height: 1.13;
  text-align: center;
  /*text-transform: capitalize;*/
}

.index .sec_2 .content {
  display: flex;
  justify-content: space-between;
  gap: .2rem;
  margin: .5rem 0 0 0;
}

.index .sec_2 .content .item {
  width: 3.2rem;
  transition: all .5s ease;
}

.index .sec_2 .content .item.on {
  width: 9.8rem;
}

.index .sec_2 .content .item .img_box {
  width: 100%;
  height: 6.4rem;
}

.index .sec_2 .content .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index .sec_2 .content .item .name {
  color: rgba(17, 17, 17, 1);
  line-height: 1.2;
  margin: .36rem 0 0 0;
  /*text-transform: capitalize;*/
}

.index .sec_3 {
  position: relative;
  padding: 3.12rem 1.3rem 1.9rem 1.3rem;
}

.index .sec_3 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index .sec_3 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index .sec_3 .title {
  color: rgba(17, 17, 17, 1);
  line-height: 1.13;
  text-align: center;
  position: relative;
  /*text-transform: capitalize;*/
}

.index .sec_3 .desc {
  position: relative;
  color: rgba(51, 51, 51, 1);
  line-height: 1.5;
  margin: .26rem auto 0 auto;
  width: 12rem;
  text-align: center;
  /*text-transform: capitalize;*/
}

.index .sec_3 .content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .2rem;
  margin: .8rem 0 0 0;
  position: relative;
  width: 100%;
}

.index .sec_3 .content .swiper_1 {
  width: 100%;
  overflow: hidden;
}

.index .sec_3 .content .swiper_1 .swiper-wrapper {
  /*justify-content: center;*/
}

.index .sec_3 .content .item {
  /* width: calc((100% - .8rem) / 5); */
  flex-shrink: 0;
  width: 3.16rem;
  height: 4rem;
  background: rgba(0, 0, 0, 0.30);
  backdrop-filter: blur(.2885rem);
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: all .5s ease;
}

.index .sec_3 .content .item:hover,
.index .sec_3 .content .item.on {
  /*background: #fff;*/
  background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(.288rem);
}

.index .sec_3 .content .item .item_box {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: relative;
}

.index .sec_3 .content .item .item_box::after {
    position: absolute;
    content: '';
    top: .15rem;
    left: .15rem;
    right: .15rem;
    bottom: .15rem;
    border: 1px solid #0064BC;
    opacity: 0;
    pointer-events: none;
}

.index .sec_3 .content .item.on .item_box::after,
.index .sec_3 .content .item:hover .item_box::after{
    opacity: 1;
}

.index .sec_3 .content .item .img_box {
  width: 1.7rem;
  height: 1.34rem;
  position: relative;
  margin: auto;
}

.index .sec_3 .content .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
  transition: .5s ease;
  opacity: 0;
}

.index .sec_3 .content .item .img_box img.active {
  opacity: 1;
  /*filter: unset;*/
}

.index .sec_3 .content .item .img_box img.normal {
  opacity: 0;
  
  /*filter: brightness(0) invert(0);*/
}

/*.index .sec_3 .content .item .img_box img.normal,*/
/*.index .sec_3 .content .item:hover .img_box img.active,*/
/*.index .sec_3 .content .item.on .img_box img.active {*/
/*  opacity: 1;*/
  /*filter: unset;*/
/*}*/

/*.index .sec_3 .content .item:hover .img_box img.normal,*/
/*.index .sec_3 .content .item .img_box img.active,*/
/*.index .sec_3 .content .item.on .img_box img.normal {*/
/*  opacity: 0;*/
  
  /*filter: brightness(0) invert(0);*/
/*}*/

.index .sec_3 .content .item .name {
  color: rgba(51, 51, 51, 1);
  line-height: 1.2;
  margin: .2rem 0 .55rem 0;
  transition: all .5s ease;
  text-align: center;
  padding: 0 .19rem;
}

.index .sec_3 .content .item:hover .name,
.index .sec_3 .content .item.on .name {
  color: rgba(29, 29, 29, 1);
  margin: .2rem 0 .52rem 0;
}

.index .sec_3 .content .item .btn {
  width: 100%;
  max-height: 0;
  transition: all .5s ease;
  padding: 0 .19rem;
  background: rgba(0, 100, 188, 1);
  color: #fff;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}

.index .sec_3 .content .item:hover .btn {
  max-height: 100%;
  padding: .19rem .19rem;
}

.erp {
  position: relative;
  padding: 1.35rem 1.3rem 2rem 1.3rem;
  background: rgba(246, 246, 246, 1);
}

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

.erp .sec_1 .title {
  width: 9.66rem;
  line-height: 1.37;
  /*text-transform: capitalize;*/
  color: #333;
  margin: 1.06rem auto 0 auto;
  text-align: center;
}

.erp .sec_1 .desc {
  width: 10.72rem;
  color: rgba(102, 102, 102, 1);
  line-height: 1.81;
  margin: .4rem auto 0 auto;
  /*text-transform: capitalize;*/
  text-align: center;
}

.erp .sec_1 .title_1 {
  width: 8.83rem;
  margin: .58rem auto 0 auto;
  /*text-transform: capitalize;*/
  color: #333;
  line-height: 1.3;
  text-align: center;
}

.erp .sec_1 .search {
  display: flex;
  align-items: center;
  background: #fff;
  width: 12.4rem;
  margin: .5rem auto 0 auto;
}

.erp .sec_1 .search img {
  width: .15rem;
  height: .15rem;
  flex-shrink: 0;
  margin: 0 .12rem 0 .23rem;
}

.erp .sec_1 .search input {
  color: #333;
  flex: 1;
}

.erp .sec_1 .search input::placeholder {
  color: rgba(153, 153, 153, 1);
  /*text-transform: capitalize;*/
}

.erp .sec_1 .search .search_btn {
  background: rgba(0, 100, 188, 1);
  color: #fff;
  border-style: none;
  padding: .15rem .46rem;
  cursor: pointer;
  /*text-transform: capitalize;*/
  line-height: 1.11;
}

.erp .sec_1 .search_content {
    width: 12.4rem;
    max-height: 0;
    overflow: hidden;
    margin: 0 auto 0 auto;
    transition: all .5s;
}

.erp .sec_1 .search_content.on {
    max-height: 20rem;
    margin: .5rem auto 0 auto;
}

.erp .sec_1 .search_content .search_desc {
    color: rgba(102, 102, 102, 1);
    line-height: 1.5;
    margin: .3rem 0 0 0;
    background: rgba(0, 100, 188, 1);
    color: #fff;
    padding: .1rem .2rem;
    width: 100%;
    text-align: center;
}

.erp .sec_1 .search_content .search_content_box {
    width: 100%;
    text-align: start;
}

.erp .sec_1 .search_content .search_content_box p {
    line-height: 1.3;
}

.erp .sec_1 .search_content .search_content_box table {
  width: 100% !important;
  border-collapse: collapse;
  background: #fff;
}

.erp .sec_1 .search_content .search_content_box table tr td {
  padding: .21rem .34rem;
  color: #333;
}



.erp .sec_1 .search_content .search_content_box table tr td:last-child {
  /*text-transform: capitalize;*/
  color: rgba(102, 102, 102, 1);
}

.erp .sec_1 .search_content .search_content_box table tr td:first-child {
  width: 4.93rem;
}

.erp .sec_1 .title_3 {
  width: 8.83rem;
  margin: .93rem auto 0 auto;
  /*text-transform: capitalize;*/
  color: #333;
  line-height: 1.3;
  text-align: center;
}

.erp .sec_1 .desc_1 {
  width: 12.4rem;
  color: rgba(102, 102, 102, 1);
  line-height: 2;
  margin: .4rem auto 0 auto;
  /*text-transform: capitalize;*/
  text-align: center;
}

.erp .sec_1 .btn {
  padding: .12rem 1.3rem;
  background: rgba(0, 100, 188, 1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  gap: .11rem;
  color: #fff;
  margin: .8rem auto 0 auto;
}

.erp .sec_1 .btn img {
  width: .2rem;
  height: .2rem;
}

.erp .sec_2 {
  position: relative;
  margin: 1.6rem 0 0 0;
}

.erp .sec_2 .label {
  color: #333;
  line-height: 1.13;
  /*text-transform: capitalize;*/
  text-align: center;
}

.erp .sec_2 .content {
  display: flex;
  gap: .2rem;
  margin: .57rem 0 0 0;
}

.erp .sec_2 .content .info {
  width: 8.2rem;
  height: 5.3rem;
  flex-shrink: 0;

  position: relative;
  background: #fff;
}

.erp .sec_2 .content .info .item {
  position: absolute;
  padding: .6rem .45rem;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events: none;
}

.erp .sec_2 .content .info .item.on {
  opacity: 1;
  pointer-events: auto;
}

.erp .sec_2 .content .info .item .title {
  color: #333;
  line-height: 1.3;
  position: relative;
}

.erp .sec_2 .content .info .item .desc {
  color: rgba(102, 102, 102, 1);
  line-height: 1.75;
  margin: .35rem 0 0 0;
  /*text-transform: capitalize;*/
  max-height: 3rem;
  overflow-y: auto;
  padding-right: .1rem;
}

.erp .sec_2 .content .info .item .desc ul,
.erp .sec_2 .content .info .item .desc li {
  list-style-type: disc;
}

.erp .sec_2 .content .info .item .desc ul {
  padding-left: .25rem;
  margin: .2rem 0;
}

.erp .sec_2 .content .info .item .desc table {
  width: 100% !important;
  border-collapse: collapse;
  margin: 20px 0;
}

.erp .sec_2 .content .info .item .desc table tr:nth-child(odd) {
  background: rgba(248, 249, 251, 1);
}

.erp .sec_2 .content .info .item .desc table tr td {
  padding: .21rem .34rem;
  color: #333;
}

.erp .sec_2 .content .info .item .desc table tr td:first-child {
  /*width: 4.93rem;*/
}

.erp .sec_2 .content .info .item .desc table tr td:last-child {
  /*text-transform: capitalize;*/
  color: rgba(102, 102, 102, 1);
}

.erp .sec_2 .content .list {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  height: 5.3rem;
  overflow-y: auto;
  padding-right: .38rem;
  flex: 1;
}

.erp .sec_2 .content .list .item {
  background: #fff;
  padding: .34rem .3rem;
  transition: all .5s ease;
  cursor: pointer;
}

.erp .sec_2 .content .list .item.on {
  background: rgba(0, 100, 188, 1);
}

.erp .sec_2 .content .list .item .title {
  color: #333;
  line-height: 1.3;
  /*text-transform: capitalize;*/
  transition: all .5s ease;
}

.erp .sec_2 .content .list .item.on .title {
  color: #fff;
}

.product {
  position: relative;
}

.product .banner {
  position: relative;
  height: 8.8rem;
}

.product .banner .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.product .banner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product .banner .info {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 10rem;
  text-align: center;
}

.product .banner .info .title {
  color: #333;
  line-height: 1.3;
  /*text-transform: capitalize;*/
  text-shadow: 4px 4px 11.1px rgba(0, 0, 0, 0.06);
}

.product .banner .info .desc {
  margin: .2rem;
  color: #333;
  line-height: 1.5;
}

.product .main {
  position: relative;
  padding: .5rem 1.3rem 2rem 1.3rem;
  background: rgba(246, 246, 246, 1);
}

.product .main .content {
  display: flex;
  gap: 1rem;
  margin: .8rem 0 0 0;
}

.product .main .content .left {
  width: 3.2rem;
  flex-shrink: 0;
  position: relative;
}

.product .main .content .menu {
  width: 100%;
  position: sticky;
  top: 1.5rem;
}

.product .main .content .menu .label {
  color: rgba(29, 29, 29, 1);
  line-height: 1.3;
  /*text-transform: capitalize;*/
}

.product .main .content .menu .list {
  display: flex;
  flex-direction: column;
  margin: .5rem 0 0 0;
}

.product .main .content .menu .list .li {
  padding: .17rem .34rem;
  color: rgba(102, 102, 102, 1);
  line-height: 1.3;
  /*text-transform: capitalize;*/
  transition: all .5s ease;
  cursor: pointer;
}

.product .main .content .menu .list .li.on {
  background: rgba(0, 100, 188, 1);
  color: #fff;
}

.product .main .content .right {
  flex: 1;
}

.product .main .content .right .search {
  display: flex;
  align-items: center;
  background: #fff;
  width: 12.4rem;
  margin: 0 auto 0 auto;
}

.product .main .content .right .search img {
  width: .15rem;
  height: .15rem;
  flex-shrink: 0;
  margin: 0 .12rem 0 .23rem;
}

.product .main .content .right .search input {
  color: #333;
  flex: 1;
}

.product .main .content .right .search input::placeholder {
  color: rgba(153, 153, 153, 1);
  /*text-transform: capitalize;*/
}

.product .main .content .right .search .search_btn {
  background: rgba(0, 100, 188, 1);
  color: #fff;
  border-style: none;
  padding: .15rem .46rem;
  cursor: pointer;
  /*text-transform: capitalize;*/
  line-height: 1.11;
}

.product .main .content .right .boxs {
  display: flex;
  flex-direction: column;
  gap: .26rem;
  margin: .36rem 0 0 0;
}

.product .main .content .right .boxs .line {
  display: flex;
  align-items: center;
  gap: .18rem;
}

.product .main .content .right .boxs .line .label {
  color: rgba(102, 102, 102, 1);
  line-height: 1.14;
  /*text-transform: capitalize;*/
  width: 1.53rem;
  flex-shrink: 0;
  text-align: end;
}

.product .main .content .right .boxs .line .tags {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .16rem;
}

.product .main .content .right .boxs .line .tags .tag {
  padding: .1rem .16rem;
  background: #fff;
  color: rgba(102, 102, 102, 1);
  cursor: pointer;
  transition: all .5s ease;
  line-height: 1.14;
}

.product .main .content .right .boxs .line .tags .tag.on,
.product .main .content .right .boxs .line .tags .tag:hover {
  background: rgba(0, 100, 188, 1);
  color: #fff;
}

.product .main .content .right .list {
  margin: .6rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
}

.product .main .content .right .list .item {
  background: #fff;
  width: calc((100% - .4rem) / 3);
  height: 4.9rem;
  padding: .3rem;
  display: flex;
  flex-direction: column;
  transition: all .5s;
}
.product .main .content .right .list .item:hover {
    box-shadow: 0 0 1.024rem 0 rgba(0, 0, 0, 0.09);
}

.product .main .content .right .list .item .img_box {
  width: 2.41rem;
  height: 1.93rem;
  overflow: hidden;
  margin: auto;
}

.product .main .content .right .list .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product .main .content .right .list .item .name {
  color: rgba(51, 51, 51, 1);
  line-height: 1.36;
  margin: 0 0 .17rem 0;
  text-align: center;
}

.product .main .content .right .list .item .btn {
  max-height: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  transition: all 1s ease;
  margin: .17rem 0 0 0;
}

.product .main .content .right .list .item:hover .btn {
  max-height: 100%;
  
}

.product_detail {
  position: relative;
}

.product_detail .sec_1 {
  display: flex;
}

.product_detail .sec_1 .left {
  padding: 1.35rem 1.3rem 1.02rem 1.3rem;
  width: 7.6rem;
  background: rgba(249, 249, 249, 1);
}

.product_detail .sec_1 .left .box_1 {
  margin: 1.41rem auto 0 auto;
  width: 4.33rem;
  height: 4.43rem;
}

.product_detail .sec_1 .left .box_1 .swiper_1 {
  width: 100%;
  overflow: hidden;
}

.product_detail .sec_1 .left .box_1 .item {
  width: 100%;
  height: 100%;
}

.product_detail .sec_1 .left .box_1 .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product_detail .sec_1 .left .box_2 {
  width: 2.6rem;
  height: .8rem;
  margin: 1.6rem auto 0 auto;
}

.product_detail .sec_1 .left .box_2 .swiper_2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.product_detail .sec_1 .left .box_2 .item {
  width: 100%;
  position: relative;
}

.product_detail .sec_1 .left .box_2 .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .2;
}

.product_detail .sec_1 .left .box_2 .item::after {
  content: '';
  position: absolute;
  left: 0;
  top: calc(100% + .22rem);
  width: 100%;
  height: 2px;
  background: rgba(0, 100, 188, 1);
  display: none;
}

.product_detail .sec_1 .left .box_2 .item.on::after {
  display: block;
}

.product_detail .sec_1 .left .box_2 .item.on img {
  opacity: 1;
}

.product_detail .sec_1 .right {
  position: relative;
  padding: 2.25rem 1.3rem 1.06rem 1.16rem;
}

.product_detail .sec_1 .right .list {
  display: flex;
  flex-direction: column;
  gap: .6rem;
}

.product_detail .sec_1 .right .list .li span {
  color: rgba(0, 100, 188, 1);
  /*text-transform: capitalize;*/
  line-height: 1.3;
}

.product_detail .sec_1 .right .list .li p {
  color: rgba(29, 29, 29, 1);
  line-height: 1.05;
  margin: .14rem 0 0 0;
}

.product_detail .sec_1 .right .download {
  margin: 1.75rem 0 0 0;
}

.product_detail .sec_1 .right .download .label {
  color: rgba(0, 100, 188, 1);
  line-height: 1;
  /*text-transform: capitalize;*/
}

.product_detail .sec_1 .right .download .box {
  margin: .3rem 0 0 0;
  display: flex;
  flex-direction: column;
  gap: .1rem;
}

.product_detail .sec_1 .right .download .box .btn {
  padding: .12rem .44rem;
  border: 1px solid rgba(218, 218, 218, 1);
  /*text-transform: capitalize;*/
  transition: all .5s ease;
  display: flex;
  align-items: center;
  gap: .1rem;
  min-width: 4.04rem;
}

.product_detail .sec_1 .right .download .box .btn:hover {
  background: rgba(0, 100, 188, 1);
  color: #fff;
}

.product_detail .sec_1 .right .download .box .btn .icon {
  position: relative;
  width: .2rem;
  height: .2rem;
  flex-shrink: 0;
}

.product_detail .sec_1 .right .download .box .btn .icon img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .5s ease;
}

.product_detail .sec_1 .right .download .box .btn .icon .normal,
.product_detail .sec_1 .right .download .box .btn:hover .icon .active {
  opacity: 1;
}

.product_detail .sec_1 .right .download .box .btn:hover .icon .normal,
.product_detail .sec_1 .right .download .box .btn .icon .active {
  opacity: 0;
}

.product_detail .tabs {
  padding: .31rem 1.3rem;
  position: sticky;
  top: 1rem;
  background: rgba(243, 243, 243, 1);
  display: flex;
  align-items: center;
  gap: 1rem;
  z-index: 1;
}

.product_detail .tabs .tab {
  color: rgba(51, 51, 51, 1);
  /*text-transform: capitalize;*/
  line-height: 1;
  position: relative;
  cursor: pointer;
}

.product_detail .tabs .tab.on,
.product_detail .tabs .tab:hover {
  color: rgba(0, 100, 188, 1);
}

.product_detail .tabs .tab::after {
  content: '';
  position: absolute;
  left: 0;
  top: calc(100% + .29rem);
  width: 0;
  height: 2px;
  background: rgba(0, 100, 188, 1);
  transition: all .5s ease;
}

.product_detail .tabs .tab.on::after,
.product_detail .tabs .tab:hover::after {
  width: 100%;
}

.product_detail .main {
  padding: 1.2rem 1.3rem 1.2rem 1.3rem;
  position: relative;
}

.product_detail .main .page {
  display: none;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.product_detail .main .page.active {
  display: block;
}

.product_detail .main .page.show {
  opacity: 1;
  transform: translateY(0);
}

.product_detail .main .page .label {
  color: rgba(17, 17, 17, 1);
  line-height: 1.13;
  /*text-transform: capitalize;*/
}

.product_detail .main .page .content {
  margin: .5rem 0 0 0;
}

.product_detail .main .page_1 .content p,
.product_detail .main .page_2 .content p{
    line-height: 1.3;
}

.product_detail .main .page_3 .content p,
.product_detail .main .page_4 .content p{
    color: #333;
    line-height: 2;
}

.product_detail .main .page .content table {
  width: 100% !important;
  border-collapse: collapse;
}

/*.product_detail .main .page .content table tr:nth-child(odd):not(:has(td[rowspan], th[rowspan])) {*/
/*  background: rgba(248, 249, 251, 1);*/
/*}*/

.product_detail .main .page .content table tr td {
  padding: .21rem .34rem;
  color: #333;
}



.product_detail .main .page .content table tr td:last-child {
  /*text-transform: capitalize;*/
  color: rgba(102, 102, 102, 1);
}

.product_detail .main .page .content img {
  /*width: 10.17rem;*/
  /*margin: 0 auto;*/
  /*height: auto;*/
  display: inline;
}


.product_detail .main .page_1 .desc {
  color: rgba(102, 102, 102, 1);
  line-height: 1.5;
  margin: .3rem 0 0 0;
  /*text-transform: capitalize;*/
}

.product_detail .main .page_1 .content table tr td:first-child {
  width: 4.93rem;
}
.product_detail .main .page_2 .content table tr td:first-child {
  width: 4.93rem;
}


.product_detail .main .page_2 .content {
  margin: .24rem 0 0 0;
  padding-bottom: .3rem;
}

.product_detail .main .page_2 .desc {
  margin: .5rem 0 0 0;
}

.product_detail .main .page_3 .box {
  display: flex;
  gap: .96rem;
  align-items: center;
  flex-direction: column;
}

.product_detail .main .page_3 .box .img_box {
  width: 12.59rem;
  height: 13rem;
  overflow: hidden;
}

.product_detail .main .page_3 .box .img_box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product_detail .main .page_3 .content .table {
  width: 100%;
}

.product_detail .main .page_3 .content .table .table_label {
  color: rgba(17, 17, 17, 1);
  /*text-transform: capitalize;*/
}

.product_detail .main .page_3 .content .table .table_desc {
  color: rgba(102, 102, 102, 1);
  /*text-transform: capitalize;*/
  margin: .1rem 0 0 0;
}

.product_detail .main .page_3 .content  table {
  margin: .3rem 0 0 0;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.product_detail .main .page_3 .content  table tr:nth-child(odd) {
  background: rgba(0, 100, 188, .06);
}
.product_detail .main .page_3 .content  table tr:first-child {
  background: rgba(0, 100, 188, 1);
}

.product_detail .main .page_3 .content  table td {
  padding: .13rem;
  color: rgba(102, 102, 102, 1);
}
.product_detail .main .page_3 .content  table tr:nth-child(2) td {
  color: #333;
}
.product_detail .main .page_3 .content  table tr:first-child td {
  color: #fff;
}

.product_detail .main .page_3 .txt {
  line-height: 2;
  color: #333;
  margin: .63rem 0 0 0;
}
/* .product_detail .main .page_3 .content,
.product_detail .main .page_4 .content {
  margin: .7rem 0 0 0;
}

.product_detail .main .page_3 .content p,
.product_detail .main .page_4 .content p {
  color: #333;
  line-height: 2;
} */

.product_detail .main .page_5 .desc {
  margin: .5rem 0 0 0;
  line-height: 2;
  color: #333;
}

.product_detail .main .page_5 .box {
  margin: 1rem 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
}

.product_detail .main .page_5 .box .item {
  width: calc((100% - .4rem) / 3);
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

.product_detail .main .page_5 .box .item .img_box {
  width: 100%;
  height: 3.7rem;
  overflow: hidden;
}

.product_detail .main .page_5 .box .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product_detail .main .page_5 .box .item .name {
  color: rgba(17, 17, 17, 1);
  line-height: 1.36;
}

.product_detail .main .page_5 .downloads {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  margin: 1rem 0 0 0;
}

.product_detail .main .page_5 .downloads .item {
  width: calc((100% - .9rem) / 4);
  padding: .32rem .3rem;
  border: 1px solid rgba(239, 239, 239, 1);
  position: relative;
  transition: all .5s ease;
}

.product_detail .main .page_5 .downloads .item:hover {
  border: 1px solid rgba(0, 100, 188, 1);
  background: rgba(0, 100, 188, 1);
}

.product_detail .main .page_5 .downloads .item .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.85rem;
  height: 1.23rem;
  opacity: 0;
  transition: all .5s ease;
}

.product_detail .main .page_5 .downloads .item:hover .mask {
  opacity: 1;
}

.product_detail .main .page_5 .downloads .item .top {
  display: flex;
  justify-content: space-between;
  gap: .2rem;
}

.product_detail .main .page_5 .downloads .item .top .icon {
  position: relative;
  width: .3rem;
  height: .3rem;
  flex-shrink: 0;
}

.product_detail .main .page_5 .downloads .item .top .icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .5s ease;
  opacity: 0;
}

.product_detail .main .page_5 .downloads .item .top .icon .normal,
.product_detail .main .page_5 .downloads .item:hover .top .icon .active {
  opacity: 1;
}

.product_detail .main .page_5 .downloads .item:hover .top .icon .normal,
.product_detail .main .page_5 .downloads .item .top .icon .active {
  opacity: 0;
}

.product_detail .main .page_5 .downloads .item .top .time {
  display: flex;
  gap: .06rem;
  color: rgba(134, 134, 139, 1);
  transition: all .5s ease;
}

.product_detail .main .page_5 .downloads .item:hover .top .time {
  color: rgba(255, 255, 255, 0.8);
}

.product_detail .main .page_5 .downloads .item .top .time img {
  width: .16rem;
  height: .16rem;
  flex-shrink: 0;

}

.product_detail .main .page_5 .downloads .item .top .time .normal,
.product_detail .main .page_5 .downloads .item:hover .top .time .active {
  display: block;
}

.product_detail .main .page_5 .downloads .item:hover .top .time .normal,
.product_detail .main .page_5 .downloads .item .top .time .active {
  display: none;
}

.product_detail .main .page_5 .downloads .item .name {
  color: #333;
  line-height: 1.3;
  margin: .3rem 0 0 0;
  transition: all .5s ease;
  height: .7rem;

  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product_detail .main .page_5 .downloads .item:hover .name {
  color: #fff;
}

.product_detail .main .page_5 .downloads .item .txt {
  color: rgba(153, 153, 153, 1);
  line-height: 1.5;
  margin: .12rem 0 0 0;
  transition: all .5s ease;

  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product_detail .main .page_5 .downloads .item:hover .txt {
  color: rgba(255, 255, 255, 0.8);
}

.product_detail .main .page_5 .downloads .item .bottom {
  display: flex;
  align-items: end;
  margin: .36rem 0 0 0;
  justify-content: space-between;
  gap: .2rem;
}

.product_detail .main .page_5 .downloads .item .bottom .size {
  color: rgba(134, 134, 139, 1);
  transition: all .5s ease;
}

.product_detail .main .page_5 .downloads .item:hover .bottom .size {
  color: rgba(255, 255, 255, 0.8);
}

.product_detail .main .page_5 .downloads .item .bottom .btn {
  display: flex;
  gap: .06rem;
  border: 1px solid rgba(0, 100, 188, 1);
  color: rgba(0, 100, 188, 1);
  background: #fff;
  padding: .1rem .43rem;
}

.product_detail .main .page_5 .downloads .item .bottom .btn img {
  width: .16rem;
  flex-shrink: 0;
}

.product_detail .main .page_5 .downloads .item .bottom .btn.no {
  background: rgba(234, 234, 234, 1);
  color: rgba(102, 102, 102, 1);
  border-style: none;
  cursor: not-allowed;
}

.product_detail .main .page_5 .downloads .item .bottom .btn .normal,
.product_detail .main .page_5 .downloads .item .bottom .btn.no .active {
  display: block;
}

.product_detail .main .page_5 .downloads .item .bottom .btn.no .normal,
.product_detail .main .page_5 .downloads .item .bottom .btn .active {
  display: none;
}

.contact {
  position: relative;
  padding: 1.35rem 1.3rem 1.6rem 1.3rem;
}

.contact .contact_mask {
  position: absolute;
  top: 5.1rem;
  left: 0;
  width: 6.812rem;
  height: 4.745rem;
}

.contact .label {
  color: #333;
  line-height: 1.16;
  margin: .6rem 0 0 0;
}

.contact .content {
  position: relative;
  margin: .6rem 0 0 0;
  display: flex;
  gap: 2.1rem;
}

.contact .content .left {
  width: 7rem;
  flex-shrink: 0;
}



.contact .content .left .boxs {
  display: flex;
  flex-direction: column;
  gap: .64rem;
}

.contact .content .left .boxs .box .title {
  color: #333;
  line-height: 1.16;
}

.contact .content .left .boxs .box .list {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin: .32rem 0 0 0;
}

.contact .content .left .boxs .box .list .li {
  width: calc((100% - .4rem) / 2);
}

.contact .content .left .boxs .box .list .li.long {
  width: 100%;
}

.contact .content .left .boxs .box .list .li .top {
  display: flex;
  gap: .12rem;
  align-items: center;
  color: rgba(153, 153, 153, 1);
  margin-bottom: .2rem;
}

.contact .content .left .boxs .box .list .li .top img {
  width: .18rem;
  height: .18rem;
  flex-shrink: 0;
}

.contact .content .left .boxs .box .list .li .bottom {
  line-height: 1.6;
  color: #333;
}

.contact .content .right {
  flex: 1;
}

.contact .content .right .title {
  line-height: 1.2;
  color: #333;
}

.contact .content .right .desc {
  line-height: 1.5;
  color: rgba(153, 153, 153, 1);
  margin: .24rem 0 0 0;
}

.contact .content .right .form {
  margin: .48rem 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.contact .content .right .form_item {
  width: calc((100% - .5rem) /2);
  position: relative;
}

.contact .content .right .form_item.long {
  width: 100%;
}


.contact .content .right .form_item input {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, .14);
  padding: .13rem .13rem;
  color: #333;
  position: relative;
}

.contact .content .right .form_item::after {
    content: "*";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: red;
    width: .1rem;
    height: .1rem;
}
.contact .content .right .form_item.long::after {
    top: .25rem;
    left: .1rem;
    transform: unset;
}

.contact .content .right .form_item textarea {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .14);
  border-radius: .06rem;
  padding: .2rem;
  color: #333;
}

.contact .content .right .form_item input::placeholder,
.contact .content .right .form_item textarea::placeholder {
  color: rgba(153, 153, 153, 1);
}

.contact .content .right .btn {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: .14rem .9rem;

}

.contact .content .right .btn .p_btn {
  background: rgba(0, 100, 188, 1);
  cursor: pointer;
  color: #fff;
  border-style: none;
}

.download_page {
  position: relative;
  padding: 1.35rem 1.3rem 1.6rem 1.3rem;
}

.download_page .label {
  color: #333;
  line-height: 1.16;
}

.download_page .desc {
  color: rgba(153, 153, 153, 1);
  line-height: 1.5;
  margin: .24rem 0 0 0;
}

.download_page .controls {
  margin-top: .43rem;
  display: flex;
  justify-content: space-between;
  gap: .2rem;
  align-items: center;
}

.download_page .controls .tabs {
  display: flex;
  align-items: center;
  gap: .24rem;
}

.download_page .controls .tabs .tab {
  padding: .12rem .4rem;
  background: rgba(246, 246, 246, 1);
  border-radius: .275rem;
  color: rgba(29, 29, 31, .6);
}
.download_page .controls .tabs .tab.on,
.download_page .controls .tabs .tab:hover {
  background: rgba(0, 100, 188, 1);
  color: #fff;
  cursor: pointer;
}

.download_page .controls .search {
  display: flex;
  align-items: center;
  border-radius: .3rem;
  background: rgba(246, 246, 246, 1);
  padding: .06rem .08rem .06rem .3rem;
  width: 5.3rem;
}
.download_page .controls .search input {
  flex: 1;
  background: transparent;
  color: rgba(29, 29, 31, 1);
}
.download_page .controls .search input::placeholder {
  color: rgba(29, 29, 31, .6);
}

.download_page .controls .search .btn {
  border-style: none;
  background: rgba(0, 100, 188, 1);
  color: #fff;
  width: .38rem;
  height: .38rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.download_page .controls .search .btn img {
  width: .12rem;
  flex-shrink: 0;
}

.download_page .list {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  margin: 1rem 0 0 0;
}

.download_page .list .item {
  width: calc((100% - .9rem) / 4);
  padding: .32rem .3rem;
  border: 1px solid rgba(239, 239, 239, 1);
  position: relative;
  transition: all .5s ease;
}

.download_page .list .item:hover {
  border: 1px solid rgba(0, 100, 188, 1);
  background: rgba(0, 100, 188, 1);
}

.download_page .list .item .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.85rem;
  height: 1.23rem;
  opacity: 0;
  transition: all .5s ease;
}

.download_page .list .item:hover .mask {
  opacity: 1;
}

.download_page .list .item .top {
  display: flex;
  justify-content: space-between;
  gap: .2rem;
}

.download_page .list .item .top .icon { 
  position: relative;
  width: .3rem;
  height: .3rem;
  flex-shrink: 0;
}

.download_page .list .item .top .icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .5s ease;
  opacity: 0;
}

.download_page .list .item .top .icon .normal,
.download_page .list .item:hover .top .icon .active {
  opacity: 1;
}

.download_page .list .item:hover .top .icon .normal,
.download_page .list .item .top .icon .active {
  opacity: 0;
}

.download_page .list .item .top .time {
  display: flex;
  gap: .06rem;
  color: rgba(134, 134, 139, 1);
  transition: all .5s ease;
}

.download_page .list .item:hover .top .time {
  color: rgba(255, 255, 255, 0.8);
}

.download_page .list .item .top .time img {
  width: .16rem;
  height: .16rem;
  flex-shrink: 0;

}

.download_page .list .item .top .time .normal,
.download_page .list .item:hover .top .time .active {
  display: block;
}

.download_page .list .item:hover .top .time .normal,
.download_page .list .item .top .time .active {
  display: none;
}

.download_page .list .item .name {
  color: #333;
  line-height: 1.3;
  margin: .3rem 0 0 0;
  transition: all .5s ease;
  height: .7rem;

  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.download_page .list .item:hover .name {
  color: #fff;
}

.download_page .list .item .txt {
  color: rgba(153, 153, 153, 1);
  line-height: 1.5;
  margin: .12rem 0 0 0;
  transition: all .5s ease;

  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.download_page .list .item:hover .txt {
  color: rgba(255, 255, 255, 0.8);
}

.download_page .list .item .bottom {
  display: flex;
  align-items: end;
  margin: .36rem 0 0 0;
  justify-content: space-between;
  gap: .2rem;
  height: .4rem;
}

.download_page .list .item .bottom .size {
  color: rgba(134, 134, 139, 1);
  transition: all .5s ease;
}

.download_page .list .item:hover .bottom .size {
  color: rgba(255, 255, 255, 0.8);
}

.download_page .list .item .btn {
  display: flex;
  gap: .06rem;
  border: 1px solid rgba(0, 100, 188, 1);
  color: rgba(0, 100, 188, 1);
  background: #fff;
  padding: .1rem .43rem;
  position: absolute;
  bottom: .3rem;
  right: .3rem;
}

.download_page .list .item .bottom .btn img {
  width: .16rem;
  flex-shrink: 0;
}

.download_page .list .item .bottom .btn.no {
  background: rgba(234, 234, 234, 1);
  color: rgba(102, 102, 102, 1);
  border-style: none;
  cursor: not-allowed;
}

.download_page .list .item .bottom .btn .normal,
.download_page .list .item .bottom .btn.no .active {
  display: block;
}

.download_page .list .item .bottom .btn.no .normal,
.download_page .list .item .bottom .btn .active {
  display: none;
}

.download_page .pagination {
  margin-top: 1rem;
}


@media (max-width: 767px) {
    .index .banner .content {
        height: 149.06vw;
    }
    .index .banner .info {
        top: 1.27rem;
        left: .4rem;
        right: .4rem;
        width: auto;
        transform: unset;
        padding: 0;
    }
    .index .banner .info .item.on {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .index .banner .info .item .title {
        text-align: center;
        font-size: 23px;
    }
    .index .banner .info .item .desc {
        text-align: center;
        font-size: 14px;
    }
    .index .banner .info .item .p_btn {
        margin: 1.65rem auto 0 auto;
    }
    
    .index .sec_1 {
        padding: 100px 20px;
        flex-direction: column-reverse;
        gap: 25px;
    }
    .index .sec_1 .img_box {
        width: 100%;
        height: 65.86vw;
    }
    .index .sec_1 .info .desc {
        margin: 20px 0 0 0;
    }
    .index .sec_1 .info .p_btn {
        margin: 35px 0 0 0;
    }
    
    .index .sec_2 {
        padding: 0 20px 80px 20px;
    }
    .index .sec_2 .title {
        text-align: start;
    }
    .index .sec_2 .content {
        flex-direction: column;
        gap: 35px;
    }
    .index .sec_2 .content .item {
        width: 100%;
    }
    .index .sec_2 .content .item.on {
        width: 100%;
    }
    .index .sec_2 .content .item .img_box {
        height: 58.4vw;
    }
    .index .sec_2 .content .item .name {
        margin: 20px 0 0 0;
    }
    
    .index .sec_3 .bg {
        display: none;
    }
    .index .sec_3 {
        background: rgba(246, 246, 246, 1);
        padding: 60px 20px 74px 20px;
    }
    .index .sec_3 .title {
        color: rgba(17, 17, 17, 1);
        text-align: start;
    }
    .index .sec_3 .desc {
        color: rgba(102, 102, 102, 1);
        margin: 15px 0 0 0 ;
        width: 100%;
        text-align: start;
        line-height: 1.85;
    }
    .index .sec_3 .content {
        gap: 9px;
    }
    .index .sec_3 .content .item {
        width: 100%;
    }
    .index .sec_3 .content .swiper-wrapper {
        flex-wrap: wrap;
        justify-content: start !important;
        gap: 9px;
    }
    .index .sec_3 .content .swiper-slide {
        width: calc((100% - 9px) / 2);
    }
    
    .index .sec_3 .content .item.on .btn {
      max-height: 100%;
      padding: .19rem .19rem;
    }
    
    
    .erp {
        padding: 20px;
    }
    .erp .sec_1 .title {
        width: 100%;
        margin: 25px 0 0 0;
    }
    .erp .sec_1 .desc {
        width: 100%;
    }
    .erp .sec_1 .title_1 {
        width: 100%;
    }
    .erp .sec_1 .search {
        width: 100%;
    }
    .erp .sec_1 .title_3 {
        width: 100%;
    }
    .erp .sec_1 .desc_1 {
        width: 100%;
    }
    .erp .sec_1 .btn {
        padding: .12rem 40px;
    }
    .erp .sec_1 .btn img {
        width: 15px;
        height: 15px;
    }
    .erp .sec_2 .content {
        flex-direction: column-reverse;
        gap: 20px;
    }
    .erp .sec_2 .content .list {
        flex: unset;
    }
    .erp .sec_2 .content .info {
        width: 100%;
        height: 8.3rem;
    }
    .erp .sec_2 .content .info .item .desc {
        max-height: 6rem;
    }
    .erp .sec_1 .search .search_btn {
        padding: .15rem .06rem;
    }
    
    .erp .sec_1 .search_content {
        width: 100%;
    }
    .erp .sec_1 .search_content .search_desc {
        width: 100%;
    }
    
    
    .product .banner {
        height: 65vw;
    }
    .product .banner .info {
        width: 100%;
    }
    .product .main {
        padding: 20px;
    }
    
    .product .main .content {
        flex-direction: column;
        margin: 25px 0 0 0;
        gap: 25px;
    }
    .product .main .content .left {
        width: 100%;
    }
    .product .main .content .right .boxs {
        gap: 20px;
    }
    .product .main .content .right .boxs .line {
        align-items: start;
    }
    .product .main .content .right .boxs .line .tags {
        flex-wrap: wrap;
    }
    
    .product .main .content .right .search {
        width: 100%;
    }
    .product .main .content .right .search img {
        width: 15px;
        height: 15px;
    }
    .product .main .content .right .list .item {
        width: 100%;
        height: 5.9rem;
    }
    .product .main .content .right .list .item .img_box {
        width: 3.41rem;
        height: 2.93rem;
    }
    .product .main .content .right .list .item .name {
        font-size: 16px;
    }
    .product .main .content .right .list .item .btn {
      max-height: 100%;
      margin: .17rem 0 0 0;
    }
    
    
    .product_detail .sec_1 {
        flex-direction: column;
    }
    .product_detail .sec_1 .left {
        padding: 20px;
        width: 100%;
        
    }
    .product_detail .sec_1 .left .box_1 {
        margin: 25px auto 0;
    }
    .product_detail .sec_1 .left .box_2 {
        width: 100%;
        margin: 40px 0 0 0;
        height: 110px;
    }
    .product_detail .sec_1 .right {
        padding: 20px;
    }
    
    .product_detail .sec_1 .right .list {
        gap: 25px;
    }
    .product_detail .sec_1 .right .list .li p {
        margin: 5px 0 0 0;
    }
    .product_detail .sec_1 .right .download {
        margin: 60px 0 0 0;
    }
    .product_detail .sec_1 .right .download .box {
        gap: 10px;
    }
    .product_detail .sec_1 .right .download .box .btn .icon {
        width: 18px;
        height: 18px;
    }
    .product_detail .tabs {
        padding: 20px;
        justify-content: space-between;
        gap: 10px;
    }
    .product_detail .tabs .tab::after {
        top: calc(100% + 18px);
    }
    
    .product_detail .main {
        padding: 20px;
    }
    .product_detail .main .page .content table tr td {
        line-height: 1.5;
    }
    .product_detail .main .page .content table tr td:first-child {
        /*width: 1.93rem;*/
    }
    .product_detail .main .page_3 .content table tr td:first-child {
        width: auto;
    }
    
    .product_detail .sec_1 .right .download .label {
        font-size: 14px;
    }
    
    .product_detail .main .page_5 .box {
        margin: 50px 0 0 0;
        gap: 25px;
    }
    .product_detail .main .page_5 .box .item {
        width: 100%;
        gap: 10px;
    }
    .product_detail .main .page_5 .box .item .img_box {
        height: 62vw;
    }
    
    
    .product_detail .main .page_5 .downloads .item {
        width: 100%;
    }
    .product_detail .main .page_5 .downloads .item .top .time img {
        width: 14px;
        height: 14px;
    }
    .product_detail .main .page_5 .downloads .item .bottom .btn img {
        width: 14px;
    }
    
    .contact {
        padding: 20px;
    }
    .contact .label {
        margin: 25px 0 0 0;
    }
    .contact .contact_mask {
        top: 3.1rem;
        width: 4.812rem;
        height: 2.745rem;
    }
    .contact .content {
        flex-direction: column;
        gap: 40px;
    }
    .contact .content .left .boxs .box .list .li .top img {
        width: 14px;
        height: 14px;
    }
    .contact .content .left .boxs .box .list .li .f_18 {
        font-size: 14px;
    }
    .contact .content .right .form_item {
        width: 100%;
    }
    
    .download_page {
        padding: 20px;
    }
    .download_page .controls .tabs {
        flex-wrap: wrap;
    }
    .download_page .controls .tabs .tab {
        padding: .12rem .3rem;
    }
    .download_page .controls {
        flex-direction: column-reverse;
        align-items: start;
        gap: 30px;
    }
    .download_page .controls .search {
        padding: .16rem .18rem .16rem .3rem;
        width: 100%;
    }
    .download_page .controls .search .btn img {
        width: 12px;
    }
    .download_page .list {
        margin: 20px 0 0 0;
    }
    .download_page .list .item {
        width: 100%;
    }
    .download_page .list .item .top .time img {
        width: 14px;
        height: 14px;
    }
    .download_page .list .item .bottom .btn img {
        width: 14px;
    }
    .download_page .list .item .top .icon {
        width: 25px;
        height: 25px;
    }
    
}