@charset "UTF-8";
#ut1 p, #ut1 span, #ut1 div, #ut1 h1, #ut1 h2, #ut1 h3, #ut1 h4, #ut1 h5, #ut1 h6, #ut1 a {
  color: #0A0A0A;
}
#ut1 img {
  width: 100%;
  height: auto;
}
#ut1 .ut1_new_3_container {
  background-color: #F1F1F1;
  background-image: url(https://download.ugee.com.cn/static/products/UT2Pro/bg.webp);
  background-size: cover;
}
#ut1 .ut1_new_3 {
  padding: 7.03125vw 0 8.984375vw;
  max-width: 62.5vw;
  margin: 0 auto;
}
#ut1 .ut1_new_3 .p_head {
  color: #0D0D0D;
  text-align: center;
}
#ut1 .ut1_new_3 .ut1_new_3_content {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5.3125vw;
}
#ut1 .ut1_new_3 .ut1_new_3_item {
  width: 49%;
  position: relative;
  margin-bottom: 1.5625vw;
}
#ut1 .ut1_new_3 .ut1_new_3_item img {
  max-width: 100%;
  border-radius: 0.9765625vw;
}
#ut1 .ut1_new_3 .ut1_new_3_text {
  position: absolute;
  top: 1.3671875vw;
  left: 1.09375vw;
}
#ut1 .ut1_new_3 .item_title {
  color: #0D0D0D;
  font-size: 1.40625vw;
  font-weight: bold;
}
#ut1 .ut1_new_3 .item_text {
  color: #686868;
  font-size: 0.859375vw;
  line-height: 2;
  margin-top: 0.390625vw;
}
#ut1 .ut1_new_4 {
  padding: 0 0 11.71875vw;
  margin: 0 7.03125vw 0 18.828125vw;
}
#ut1 .ut1_new_4 .p_head {
  font-size: 1.875vw;
}
#ut1 .flex_content {
  display: flex;
  justify-content: space-between;
}
#ut1 .ut1_new_4_content {
  align-items: center;
}
#ut1 .left_img_box img {
  width: 48.5546875vw;
  height: auto;
}
#ut1 .right_icon_box {
  width: 100%;
}
#ut1 .right_icon_item {
  margin-bottom: 1.171875vw;
  display: flex;
}
#ut1 .right_icon_item img {
  max-width: 1.953125vw;
  vertical-align: middle;
}
#ut1 .right_icon_item p {
  font-size: 1.09375vw;
  color: #070707;
  margin-left: 1.171875vw;
  display: inline-block;
  text-align: left;
}
#ut1 .right_icon_item span {
  font-weight: 700;
}
#ut1 .ut1_new_5 {
  padding: 9.765625vw 0 7.8125vw;
  margin-left: 11.4453125vw;
}
#ut1 .ut1_new_5 .img_title_box img {
  width: 44.7265625vw;
}
#ut1 .ut1_new_5 .intro_text {
  color: #181818;
  font-size: 1.640625vw;
  font-weight: 700;
  margin-top: 3.515625vw;
  margin-left: 5.703125vw;
}
#ut1 .ut1_new_5 .img_box {
  position: relative;
}
#ut1 .ut1_new_5 .img_box .img_box_img {
  width: 49.609375vw;
}
#ut1 .ut1_new_5 .img_box .icon_box {
  position: absolute;
  top: -19%;
  right: 0;
  width: 23.5546875vw;
}
#ut1 .ut1_new_swiper1_content {
  padding: 7.8125vw 0 3.90625vw;
  position: relative;
}
#ut1 .ut1_new_swiper1_icon {
  position: absolute;
  bottom: 10%;
  right: 0;
  width: 12.265625vw;
}
#ut1 .ut1_new_swiper1_wrapper {
  max-width: 62.5vw;
  margin: 0 auto;
}
#ut1 .ut1_new_swiper1_wrapper .swiper-slide {
  position: relative;
}
#ut1 .ut1_new_swiper1_wrapper .swiper-slide-text {
  position: absolute;
  bottom: 2.8515625vw;
  left: 3.671875vw;
}
#ut1 .ut1_new_swiper1_wrapper .swiper-slide-text-title {
  color: #fff;
  font-size: 1.875vw;
  font-weight: bold;
  margin-bottom: 1.953125vw;
}
#ut1 .ut1_new_swiper1_wrapper .swiper-slide-text-title span {
  font-size: 1.015625vw;
  color: #fff;
  font-weight: 400;
}
#ut1 .custom-pagination {
  width: 46.875vw;
  margin: 3.6328125vw auto 0;
  background: #F0F0F0;
  border-radius: 3.90625vw;
  padding: 0.46875vw;
  display: flex;
  justify-content: space-between;
}
#ut1 .pagination-item {
  font-size: 1.40625vw;
  color: #A3A3A3;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  line-height: 1;
  padding: 0.5859375vw 1.8359375vw;
  border-radius: 1.9921875vw;
  cursor: pointer;
}
#ut1 .pagination-item span {
  font-size: 0.9375vw;
  color: #A3A3A3;
}
#ut1 .pagination-item:hover, #ut1 .pagination-item.active {
  background: #1D1D1D;
  color: #fff;
}
#ut1 .pagination-item:hover span, #ut1 .pagination-item.active span {
  color: #fff;
}
#ut1 .remark_text {
  color: #000;
  font-size: 0.9375vw;
  text-align: center;
  margin-top: 1.5625vw;
  line-height: 1.5;
}
#ut1 .remark_text .remark_text_span {
  font-weight: bold;
}
#ut1 .ut1_new_4_container {
  padding: 6.09375vw 0 12.890625vw;
  position: relative;
}
#ut1 .ut1_new_4_container .ut1_new_4_img_title img {
  width: 33.1640625vw;
}
#ut1 .ut1_new_4_container_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 20.625vw;
}
#ut1 .ut1_new_4_wrapper {
  display: flex;
  justify-content: flex-end;
}
#ut1 .ut1_new_4_left_content {
  margin-left: 18.75vw;
  margin-right: 11.71875vw;
  padding-top: 3.90625vw;
}
#ut1 .right_main_img_box {
  width: 28.90625vw;
}
#ut1 .right_main_img_box img {
  width: 100%;
}
#ut1 .pen_title_text {
  color: #363636;
  margin-top: 3.125vw;
}
#ut1 .pen_title_text_span {
  background: linear-gradient(90deg, #FF7C13 0%, #FEB729 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#ut1 .ut1_new_swiper_content {
  width: 39.921875vw;
  position: relative;
}
#ut1 .ut1_new_swiper_content video, #ut1 .ut1_new_swiper_content img {
  width: 39.921875vw;
  border-radius: 0.78125vw;
}
#ut1 .swiper-slide-text-title {
  margin: 0.8984375vw 0 0.390625vw;
}
#ut1 .swiper-slide-text-desc {
  font-size: 0.9375vw;
  line-height: 1.8;
}
#ut1 .swiper-slide-text-desc span {
  font-weight: bold;
}
#ut1 .ut1_new_swiper2_content {
  padding-top: 1.953125vw;
}
#ut1 .ut1_new_swiper2_content .ut1_new_4_swiper_pagination {
  width: 4.453125vw;
}
#ut1 .ut1_new_4_swiper_pagination {
  bottom: -7%;
  width: 9.1796875vw;
  background: #F0F0F0;
  border-radius: 3.90625vw;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.390625vw 0 0.1953125vw;
}
#ut1 .ut1_new_4_swiper_pagination .swiper-pagination-bullet {
  width: 0.703125vw;
  height: 0.703125vw;
  background-color: #D9D9D9;
  opacity: 1;
  margin: 0 0.390625vw;
}
#ut1 .ut1_new_4_swiper_pagination .swiper-pagination-bullet-active {
  background-color: #2B2B2B;
}
#ut1 .ut1_new_4_container.active {
  display: flex; /* 使用flex布局 */
  justify-content: space-between; /* 左右内容分开 */
  align-items: flex-start; /* 顶部对齐 */
}
#ut1 .ut1_new_4_container.active .right_main_img_box {
  position: fixed;
  top: 0;
  right: 0; /* 保持右侧位置 */
  z-index: 10;
  height: 100vh;
  display: flex;
  align-items: center;
}
#ut1 .ut1_new_4_left_content {
  width: 50%; /* 设定左侧内容宽度 */
  position: relative; /* 添加相对定位 */
  z-index: 11; /* 确保在右侧图片之上 */
  box-sizing: border-box;
  display: flex; /* 新增：使用flex布局 */
  flex-direction: column; /* 新增：垂直方向排列 */
  align-items: center; /* 新增：水平居中 */
  height: 100vh; /* 新增：占据整个视口高度 */
}
#ut1 .ut1_new_4_img_title, #ut1 .pen_title_text {
  opacity: 1; /* 初始显示 */
  transform: translateY(0); /* 初始位置 */
  transition: opacity 0.6s ease, transform 0.6s ease;
}
#ut1 .ut1_new_4_img_title.hidden, #ut1 .pen_title_text.hidden {
  opacity: 0;
  transform: translateY(-20px);
}
#ut1 .ut1_new_swiper_content {
  opacity: 0;
  transition: opacity 0.6s ease;
}
#ut1 .ut1_new_swiper_content.visible {
  opacity: 1;
}
#ut1 .ut1_new_swiper2_wrapper {
  max-width: 70.3125vw;
  margin: 0 auto;
  position: relative;
}
#ut1 .ut1_new_swiper2_wrapper .swiper-slide {
  position: relative;
}
#ut1 .slide_img {
  border-radius: 0.78125vw;
}
#ut1 .swiper2_slide_title {
  font-size: 2.8125vw;
  font-weight: 700;
  color: #000;
  position: absolute;
  top: 5.078125vw;
  left: 2.34375vw;
}
#ut1 .swiper2_slide_title .title_span_bold {
  background: linear-gradient(90deg, #1C74F9 0%, #1CA7F9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#ut1 .swiper2_slide_intro_box {
  position: absolute;
  top: 14.0625vw;
  left: 2.34375vw;
  display: flex;
}
#ut1 .swiper2_slide_intro_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 2.34375vw;
}
#ut1 .swiper2_slide_intro_item_text {
  margin-top: 0.9765625vw;
  font-size: 0.9375vw;
  color: #000;
  font-weight: bold;
}
#ut1 .swiper2_slide_intro_item_text span {
  color: #1C71F9;
  font-size: 1.875vw;
}
#ut1 .slide_intro_img_1 {
  width: 8.3203125vw;
  margin-left: 2.2265625vw;
}
#ut1 .slide_intro_img_2 {
  width: 7.5vw;
  margin-left: 2.2265625vw;
  margin-bottom: 2.734375vw;
}
#ut1 .slide2_intro_text {
  position: absolute;
  left: 2.5vw;
  bottom: 15.625vw;
  font-size: 0.9375vw;
  color: #000;
  line-height: 1.8;
}
#ut1 .line_list {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  margin-top: 1.5625vw;
}
#ut1 .line_item {
  text-align: center;
}
#ut1 .line_item p {
  font-size: 1.25vw;
  font-weight: bold;
  margin-top: 0.78125vw;
}
#ut1 .line_item img {
  width: 1.25vw;
}
#ut1 .line_item.line_item_2 img {
  width: 0.859375vw;
}

@media screen and (max-width: 1080px) {
  #ut1 .ut1_new_3 {
    max-width: 80%;
  }
  #ut1 .ut1_new_3 .ut1_new_3_item {
    width: 100%;
    margin-bottom: 3.7037037037vw;
  }
  #ut1 .ut1_new_3 .item_title {
    font-size: 4.4444444444vw;
  }
  #ut1 .ut1_new_3 .ut1_new_3_text {
    top: 3.1481481481vw;
    left: 2.7777777778vw;
    right: 0.9259259259vw;
  }
  #ut1 .ut1_new_3 .item_text {
    font-size: 2.7777777778vw;
    margin-top: 1.5740740741vw;
  }
  #ut1 .ut1_new_swiper1_content {
    padding: 25.7407407407vw 0 20.3703703704vw;
  }
  #ut1 .ut1_new_swiper1_wrapper {
    max-width: 92.5925925926vw;
  }
  #ut1 .ut1_new_swiper1_wrapper .swiper-slide-text {
    left: 4.9074074074vw;
    top: 7.7777777778vw;
    bottom: inherit;
  }
  #ut1 .ut1_new_swiper1_wrapper .swiper-slide-text-title {
    font-size: 4.4444444444vw;
    margin-bottom: 4.6296296296vw;
  }
  #ut1 .ut1_new_swiper1_wrapper .swiper-slide-text-title span {
    font-size: 2.5925925926vw;
  }
  #ut1 .custom-pagination {
    width: 100%;
    border-radius: 9.2592592593vw;
    overflow-x: auto;
    white-space: nowrap;
    padding: 1.8518518519vw;
  }
  #ut1 .pagination-item {
    font-size: 3.8888888889vw;
    border-radius: 6.0185185185vw;
    display: inline-block;
    white-space: normal;
    width: auto;
    flex-shrink: 0;
    padding: 1.3888888889vw 2.7777777778vw;
  }
  #ut1 .pagination-item span {
    font-size: 3.3333333333vw;
  }
  #ut1 .ut1_new_swiper1_icon {
    display: none;
  }
  #ut1 .remark_text {
    font-size: 3.3333333333vw;
    margin-top: 4.6296296296vw;
  }
  #ut1 .ut1_new_4_wrapper {
    position: relative;
  }
  #ut1 .ut1_new_4_container .ut1_new_4_img_title img {
    width: 69.4444444444vw;
  }
  #ut1 .right_main_img_box {
    position: absolute;
    top: 5%;
    right: 0;
    width: 65.7407407407vw;
  }
  #ut1 .ut1_new_4_left_content {
    width: 100%;
    margin: 0;
    height: auto;
  }
  #ut1 .ut1_new_swiper_content {
    opacity: 1;
    width: 92.5925925926vw;
    margin-top: 120.3703703704vw;
  }
  #ut1 .ut1_new_swiper_content img {
    width: 100%;
  }
  #ut1 .ut1_new_swiper_content video, #ut1 .ut1_new_swiper_content img {
    border-radius: 1.8518518519vw;
  }
  #ut1 .swiper-slide-text-desc {
    font-size: 3.3333333333vw;
  }
  #ut1 .swiper-slide-text-title {
    margin: 8.0555555556vw 0 1.5740740741vw;
  }
  #ut1 .ut1_new_4_container_icon {
    width: 32.962962963vw;
    top: 32%;
  }
  #ut1 .ut1_new_4_swiper_pagination {
    width: auto;
    padding: 0.9259259259vw 1.8518518519vw;
  }
  #ut1 .ut1_new_4_swiper_pagination .swiper-pagination-bullet {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
  }
  #ut1 .ut1_new_4 {
    padding: 23.1481481481vw 0;
    margin: 0 auto;
    width: 84.4444444444vw;
  }
  #ut1 .ut1_new_4 .p_head {
    font-size: 4.4444444444vw;
    text-align: center;
    margin-bottom: 7.962962963vw;
  }
  #ut1 .right_icon_box {
    display: flex;
    justify-content: space-around;
  }
  #ut1 .right_icon_item {
    flex-direction: column;
    align-items: center;
  }
  #ut1 .right_icon_item img {
    max-width: 5.5555555556vw;
  }
  #ut1 .right_icon_item p {
    font-size: 3.3333333333vw;
    margin-top: 2.5925925926vw;
    margin-left: 0;
  }
  #ut1 .ut1_new_4_content {
    flex-direction: column;
  }
  #ut1 .left_img_box {
    margin-top: 9.9074074074vw;
  }
  #ut1 .left_img_box img {
    width: 100%;
  }
  #ut1 .ut1_new_5 {
    margin-left: 0;
  }
  #ut1 .ut1_new_5 .img_title_box img {
    width: 100%;
  }
  #ut1 .ut1_new_5 .intro_text {
    font-size: 4.4444444444vw;
    margin-top: 26.6666666667vw;
    margin-left: 6.0185185185vw;
    margin-bottom: 16.2962962963vw;
  }
  #ut1 .ut1_new_5 .img_box {
    text-align: right;
  }
  #ut1 .ut1_new_5 .img_box .img_box_img {
    width: 87.962962963vw;
  }
  #ut1 .ut1_new_5 .img_box .icon_box {
    width: 55.8333333333vw;
    top: -39%;
  }
  #ut1 .ut1_new_5_content {
    flex-direction: column;
  }
  #ut1 .ut1_new_swiper2_wrapper {
    max-width: 92.5925925926vw;
  }
  #ut1 .ut1_new_swiper2_content .ut1_new_4_swiper_pagination {
    width: auto;
  }
  #ut1 .ut1_new_swiper2_content {
    padding-bottom: 24.0740740741vw;
  }
  #ut1 .slide_img {
    border-radius: 1.8518518519vw;
  }
  #ut1 .swiper2_slide_title {
    font-size: 6.6666666667vw;
    left: 5.5555555556vw;
    top: 5.5555555556vw;
  }
  #ut1 .swiper2_slide_intro_box {
    top: 37.037037037vw;
    left: 5.5555555556vw;
  }
  #ut1 .slide_intro_img_1 {
    width: 19.7222222222vw;
  }
  #ut1 .slide_intro_img_2 {
    width: 17.7777777778vw;
    margin-bottom: 6.6666666667vw;
  }
  #ut1 .swiper2_slide_intro_item_text {
    font-size: 2.5925925926vw;
    margin-top: 2.3148148148vw;
  }
  #ut1 .swiper2_slide_intro_item_text span {
    font-size: 4.4444444444vw;
  }
  #ut1 .slide2_intro_text {
    left: 5.5555555556vw;
    font-size: 3.3333333333vw;
    bottom: inherit;
    top: 15.7407407407vw;
  }
  #ut1 .ut1_14 {
    padding: 46.2962962963vw 0 37.037037037vw;
  }
  #ut1 .ut1_14 .icon_box {
    width: 54.8148148148vw;
    top: -5.3703703704vw;
  }
  #ut1 .ut1_14 .div_img_title img {
    width: 90%;
  }
  #ut1 .ut1_17 {
    padding-top: 35.462962963vw;
  }
  #ut1 .ut1_17 .div_img_title img {
    width: 71.5740740741vw;
  }
  #ut1 .line_list {
    margin-top: 3.7037037037vw;
  }
  #ut1 .line_item p {
    font-size: 2.962962963vw;
    margin-top: 1.8518518519vw;
  }
  #ut1 .line_item img {
    width: 2.962962963vw;
  }
  #ut1 .line_item.line_item_2 img {
    width: 2.037037037vw;
  }
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
  justify-content: center;
  align-items: center;
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  max-width: 900px;
  height: 70%;
  max-height: 500px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.close-button {
  color: #aaa;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 36px;
  font-weight: bold;
  cursor: pointer;
  z-index: 1001;
}

.close-button:hover,
.close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}