body {
  font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
  color: #171c3c;
}

a, a:hover {
  transition: all 0.2s;
}

a {
  color: #fff;
}

a:hover {
  color: #fff;
  text-decoration: none;
}

img {
  max-width: 100%;
}

main {
  min-width: 1200px;
}

section {
  padding: 65px 0;
  min-width: 1200px;
}

section:nth-child(even) {
  background-color: #f5f5f5;
}

section h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}

section h5 {
  font-weight: 700;
  font-size: 20px;
  text-align: left;
  margin-bottom: 5px;
  line-height: 1.5;
}

section .sub-title-1, section .sub-title-2 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 35px;
  color: #9798a9;
}

section .sub-title-2 {
  font-size: 14px;
  text-align: left;
  margin-bottom: 21px;
}

section .detail {
  text-align: left;
  font-size: 14px;
  color: #666;
  line-height: 2;
}

section .detail-ul {
  text-align: left;
  font-size: 14px;
  color: #666;
  line-height: 2;
  padding-left: 20px;
}

.common-btn-1, .common-btn-2 {
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #4d58f0;
  color: #4d58f0;
  font-size: 14px;
  padding: 0 40px;
  border-radius: 20px;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
}

.common-btn-1, .common-btn-2:hover {
  background-color: #4d58f0;
  color: #fff;
}

.common-btn-2 {
  border-radius: 4px;
}

.video-box-outside {
  position: fixed;
  margin: 0 auto;
  z-index: 100;
  left: 0;
  right: 0;
  width: 50%;
  top: 50%;
  transform: translateY(-50%);
  background: black;
}

.video-box-outside #video-player {
  display: block;
  width: 100%;
  height: 100%;
}

.video-box-outside #video-close-btn {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 8px;
  color: #fff;
}

.video-box-inside {
  position: absolute;
  margin: 0 auto;
  left: 9%;
  width: 30%;
  height: 65%;
  top: 17%;
  background: black;
  border-radius: 10px;
}

.video-box-inside #video-player {
  display: block;
  width: 100%;
  height: 100%;
}

.video-box-inside #video-close-btn {
  display: none;
}

.introductory-video {
  position: relative;
  width: 100%;
}

.introductory-video img {
  width: 100%;
  height: 100%;
}

.introductory-video #video-play-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#header {
  position: sticky;
  top: 0;
  z-index: 1030;
  min-width: 1200px;
  isolation: isolate;
}

.navbar {
  padding: 0;
}

.header-nav {
  height: 65px;
  background: #4d58f0;
  font-size: 0.88rem;
}

.header-nav .navbar-toggler-icon {
  height: 1em;
  width: 1em;
}

.header-nav .navbar-toggler-icon.iconfont {
  font-size: 1.5rem;
}

.header-nav #headerNavbar {
  height: 100%;
  display: flex;
}

.header-nav #headerNavbar .navbar-nav {
  height: 100%;
  display: flex;
  align-items: center;
}

.header-nav #headerNavbar .navbar-nav:first-child {
  flex: 1;
  justify-content: center;
}

.header-nav #headerNavbar .nav-item {
  position: relative;
  height: 100%;
  border-bottom: 1px solid #4d58f0;
}

.header-nav #headerNavbar .nav-item .nav-link {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 19px;
  padding: 0;
  border-bottom: 2px solid #4d58f0;
}

.header-nav #headerNavbar .nav-item .nav-link.collapsed .iconfont {
  transform: rotate(180deg);
}

.header-nav #headerNavbar .nav-item:hover .nav-link a {
  font-weight: 700;
}

.header-nav #headerNavbar .nav-item:nth-child(2) .nav-link, .header-nav #headerNavbar .nav-item:nth-child(3) .nav-link, .header-nav #headerNavbar .nav-item:nth-child(4):hover .nav-link {
  border-bottom: 2px solid #fff;
}

.header-nav #headerNavbar .nav-item .collapsing {
  transition: none !important;
}

.header-nav #headerNavbar .nav-item .nav-item-list {
  z-index: -1;
  position: absolute;
  top: 60px;
  border-radius: 0.25rem;
  background: #fff;
  padding: 35px 35px 35px;
  min-width: 100%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.24);
}

.header-nav #headerNavbar .nav-item .nav-item-list a {
  color: #666;
}

.header-nav #headerNavbar .nav-item .nav-item-list li {
  min-width: 280px;
  white-space: nowrap;
  font-size: 16px;
  line-height: 2.5;
}

.header-nav #headerNavbar .nav-item .nav-item-list li span {
  margin-left: 5px;
  color: #e63434;
  font-size: 14px;
}

.header-nav #headerNavbar .nav-item .product-nav-item {
  display: flex;
}

.header-nav #headerNavbar .e-mail {
  cursor: default;
  line-height: 2.5rem;
  padding: 0 5px;
}

.header-nav #headerNavbar .login-btn {
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 1.25rem;
  color: #fff;
  background-color: #757efb;
}

.header-nav #headerNavbar .login-btn .nav-link {
  padding: 0 2rem;
}

.header-nav #headerNavbar .login-btn a {
  color: #fff;
}

.footer {
  background: #081332;
  color: #fff;
  font-size: 14px;
  line-height: 2.5;
  min-width: 1200px;
}

.footer .footer-top {
  background-image: url('../../img/footer/bg.png');
  background-size: cover;
  background-position: 50% 50%;
  padding-top: 65px;
  padding-bottom: 65px;
}

.footer .footer-nav {
  display: flex;
  justify-content: space-between;
}

.footer .footer-nav .info-box .wechat {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 112px;
  height: 112px;
}

.footer .footer-nav .info-box .welcome {
  display: flex;
  align-items: center;
}

.footer .footer-nav .info-box .share-box {
  width: 248px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer .footer-nav .nav-item h6 {
  pointer-events: none;
  font-weight: 700;
  margin-bottom: 20px;
}

.footer .footer-nav .nav-item h6.collapsed .iconfont {
  transform: rotate(180deg);
}

.footer .copyright {
  padding: 16px 0;
  color: #999898;
  text-align: center;
  background-color: #060d23;
}

.consult {
  background: #1f83ef url('../../img/home/consult-bg.png');
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
  height: 280px;
  display: flex;
  align-items: center;
}

.consult .content-box {
  padding: 0 30px;
  align-items: center;
  justify-content: space-between;
}

.consult .content-box .info-box h5 {
  margin-bottom: 20px;
}

.consult .content-box .info-box .phone-title, .consult .content-box .info-box .email-title {
  font-size: 14px;
}

.consult .content-box .info-box .phone, .consult .content-box .info-box .email {
  font-size: 20px;
  font-weight: 700;
  color: #ffe92b;
}

.consult .content-box .input-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.consult .content-box .input-box .consult-input-group {
  width: 480px;
}

.consult-input-group input {
  height: 60px;
}

.consult-input-group input::placeholder {
  font-size: 14px;
  color: #666;
  line-height: 60px;
}

.consult-input-group .consult-btn {
  font-size: 18px;
  font-weight: 700;
  width: 164px;
  color: #fff;
  background-color: #4d58f0;
  border: 1px solid #4d58f0;
}

.consult-input-group .iconfont {
  position: absolute;
  top: 24px;
  left: 0;
  font-size: 24px;
  line-height: 0.5;
  color: #4d58f0;
  padding: 0 20px;
  border-right: 1px solid #4d58f0;
  z-index: 4;
}

.consult-input-group .form-control {
  padding-left: 88px;
}

.consult-input-group .form-control:focus {
  border: 1px solid #4d58f0;
  box-shadow: 0px 0px 10px 0px inset rgba(77, 88, 240, 0.4);
}

.customer-service {
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 1050;
  width: 70px;
}

.customer-service .service-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.customer-service .service-top img {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  object-fit: cover;
  display: inline-block;
}

.customer-service .service-top span {
  display: inline-block;
  width: 100%;
  font-size: 10px;
  line-height: 2;
  background: #4d58f0;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
}

.customer-service .service-bottom {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgb(0 0 0 / 24%);
}

.customer-service .service-bottom .service-item {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70px;
  background-color: #fff;
}

.customer-service .service-bottom .service-item .iconfont {
  margin-top: 5px;
  font-size: 25px;
  line-height: 1;
}

.customer-service .service-bottom .service-item .phone-box, .customer-service .service-bottom .service-item .contact-box {
  position: absolute;
  right: -200px;
  top: -51px;
  width: 200px;
  background: #fff;
  box-shadow: 0 0 16px 0 rgb(43 51 59 / 8%);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 12px 10px;
  font-size: 14px;
  color: #666;
  border-radius: 6px;
  opacity: 0;
  z-index: -1;
}

.customer-service .service-bottom .service-item .phone-box img, .customer-service .service-bottom .service-item .contact-box img {
  width: 130px;
  height: 130px;
}

.customer-service .service-bottom .service-item .phone-box p, .customer-service .service-bottom .service-item .contact-box p {
  margin-bottom: 0;
}

.customer-service .service-bottom .service-item .phone-box, .customer-service .service-bottom .service-item .contact-box::after {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 1px;
  height: 1px;
  border: 10px solid transparent;
  border-left-color: #fff;
}

.customer-service .service-bottom .service-item .contact-box {
  top: 0;
  font-size: 14px;
  font-weight: 700;
  color: #212529;
}

.customer-service .service-bottom .service-item .phone-box {
  width: 200px;
  top: -16px;
}

.customer-service .service-bottom .service-item .phone-box p {
  color: #4d58f0;
  font-size: 16px;
}

.customer-service .service-bottom .service-item .phone-box p .iconfont {
  font-size: 18px;
}

.customer-service .service-bottom .service-item .phone-box .phone {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #212529;
  margin-bottom: 0px;
}

.customer-service .service-bottom .service-item .phone-box::after {
  top: 42px;
}

.customer-service .service-bottom .service-item:hover .phone-box, .customer-service .service-bottom .service-item:hover .contact-box {
  right: 85px;
  opacity: 1;
  transition: all 0.25s ease-out;
}

.customer-service .service-bottom .service-item:first-child {
  border-radius: 8px 8px 0 0;
}

.customer-service .service-bottom .service-item:last-child {
  border-radius: 0 0 8px 8px;
  cursor: pointer;
}

.hot-recommend .content {
  text-align: center;
  color: #757efb;
  white-space: nowrap;
}

.hot-recommend .content a {
  color: #757efb;
  padding: 0 6px;
}

.home .banner {
  padding: 0;
}

.home .banner .swiper .swiper-wrapper .swiper-slide {
  height: 620px;
  background-size: cover;
  background-position: 50% 50%;
}

.home .banner .swiper .swiper-wrapper .swiper-slide:nth-child(1) {
  background-image: url('../../img/home/banner/2.jpg');
}

.home .banner .swiper .swiper-wrapper .swiper-slide:nth-child(2) {
  background-image: url('../../img/home/banner/0.jpg');
}

.home .banner .swiper .swiper-wrapper .swiper-slide:nth-child(3) {
  background-image: url('../../img/home/banner/1.jpg');
}

.home .banner .swiper .swiper-wrapper .swiper-slide:nth-child(4) {
  background-image: url('../../img/home/banner/2.jpg');
}

.home .banner .swiper .swiper-wrapper .swiper-slide:nth-child(5) {
  background-image: url('../../img/home/banner/0.jpg');
}

.home .banner .swiper .swiper-wrapper .swiper-slide:nth-child(6) {
  background-image: url('../../img/home/banner/1.jpg');
}

.home .banner .swiper .swiper-wrapper .swiper-slide .title {
  margin-top: 165px;
}

.home .banner .swiper .swiper-wrapper .swiper-slide .title h1, .home .banner .swiper .swiper-wrapper .swiper-slide .title h5 {
  text-align: left;
  text-wrap: balance;
  margin-bottom: 3px;
  max-width: 80%;
  margin: 0 auto;
}

.home .banner .swiper .swiper-wrapper .swiper-slide .title p {
  max-width: 80%;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  color: #666;
  padding-right: 400px;
  margin: 0 auto;
}

.home .banner .swiper .swiper-wrapper .swiper-slide .title h1 {
  font-size: 42px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.home .banner .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #fff;
  opacity: 0.8;
}

.home .banner .swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 60px;
  border-radius: 8px;
  background: #fff;
  opacity: 1;
}

.home .basic-product .product-box.left {
  margin-right: 20px;
}

.home .basic-product .product-box.right-top {
  margin-bottom: 20px;
}

.home .basic-product .product-box.right-bottom h5 {
  margin-bottom: 24px;
}

.home .basic-product .product-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0px 0px 7px 0px rgba(53, 66, 93, 0.23);
}

.home .basic-product .product-box .product-box-up {
  padding: 30px 15px 0;
}

.home .basic-product .product-box .product-box-up .detail {
  text-align: left;
  margin-bottom: 25px;
}

.home .basic-product .product-box .product-box-up .img-box {
  text-align: center;
  margin-bottom: 24px;
}

.home .basic-product .product-box .product-box-up .img-box img {
  width: 70%;
  display: inline-block;
}

.home .basic-product .product-box .product-box-up .product-tag {
  font-size: 14px;
  letter-spacing: 0.2px;
  display: flex;
  justify-content: center;
  color: #9798a9;
}

.home .basic-product .product-box .product-box-bottom {
  display: flex;
}

.home .basic-product .product-box .product-box-bottom .bottom-btn, .home .basic-product .product-box .product-box-bottom .bottom-btn-1 {
  flex: 1;
  height: 46px;
  font-size: 14px;
  letter-spacing: 0.2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f8fd;
}

.home .basic-product .product-box .product-box-bottom .bottom-btn a, .home .basic-product .product-box .product-box-bottom .bottom-btn-1 a {
  color: #4d58f0;
}

.home .basic-product .product-box .product-box-bottom .bottom-btn-1 {
  flex: none;
  width: 146px;
  background: #4d58f0;
}

.home .basic-product .product-box .product-box-bottom .bottom-btn-1 a {
  color: #fff;
}

.home .business-product #businessProductCarousel {
  background: #ffffff;
  border: 1px solid #d6d9ff;
  box-shadow: 0px 0px 10px 0px rgba(77, 88, 240, 0.4);
}

.home .business-product .business-product-nav {
  position: relative;
  display: flex;
  padding: 0;
  margin: 0;
  bottom: 0;
  background-color: rgba(77, 88, 240, 0.1);
}

.home .business-product .carousel-inner {
  padding: 30px;
}

.home .business-product .carousel-inner .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home .business-product .carousel-inner .info-box .detail {
  text-align: left;
  margin-bottom: 0px;
}

.home .business-product .carousel-inner .info-box .detail .detail-title {
  font-weight: 700;
  color: #212529;
}

.home .business-product .detail-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home .business-product .detail-box h5 {
  margin-bottom: 24px;
}

.home .business-product .btn-box {
  padding-top: 10px;
}

.home .product-apply {
  padding-bottom: 45px;
}

.home .product-apply .apply-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}

.home .product-apply .apply-list .apply-item {
  position: relative;
  margin: 0 20px 20px 0;
  width: 386px;
  overflow: hidden;
}

.home .product-apply .apply-list .apply-item img {
  width: 100%;
  height: 100%;
}

.home .product-apply .apply-list .apply-item .title {
  position: absolute;
  width: 100%;
  bottom: -110px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 15px 20px;
}

.home .product-apply .apply-list .apply-item .title h6 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}

.home .product-apply .apply-list .apply-item .title h6 span {
  font-weight: 400;
}

.home .product-apply .apply-list .apply-item .title p {
  color: #fff;
  font-size: 12px;
  margin-bottom: 2px;
}

.home .product-apply .apply-list .apply-item:nth-child(3n) {
  margin-right: 0;
}

.home .product-apply .apply-list .apply-item:nth-child(1) .title {
  bottom: -92px;
}

.home .product-apply .apply-list .apply-item:nth-child(4) .title, .home .product-apply .apply-list .apply-item:nth-child(5) .title, .home .product-apply .apply-list .apply-item:nth-child(6) .title {
  bottom: -75px;
}

.home .product-apply .apply-list .apply-item:hover .title {
  bottom: 0;
  transition: bottom 0.25s ease-out;
}

.home .customer {
  padding-bottom: 45px;
}

.home .customer .customer-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}

.home .customer .customer-list .customer-item {
  margin: 0 20px 20px 0;
  width: 285px;
  box-shadow: 0px 0px 7px 0px rgba(53, 66, 93, 0.23);
}

.home .customer .customer-list .customer-item img {
  width: 100%;
  height: 100%;
}

.home .customer .customer-list .customer-item:nth-child(4n) {
  margin-right: 0;
}

.home .news-activity h3 {
  margin-bottom: 35px;
}

.home .news-activity .content-box {
  background: url('../../img/home/news-activity/bg.png') no-repeat right top, linear-gradient(180deg, #e2e9ff, #ffffff);
  border-radius: 20px;
  padding: 30px;
}

.home .news-activity .content-box .news-item {
  margin-bottom: 30px;
  display: flex;
  color: #212529;
  cursor: pointer;
}

.home .news-activity .content-box .news-item img {
  display: inline-block;
  width: 333px;
  height: 200px;
  background: #cecece;
  border-radius: 10px;
  margin-right: 30px;
}

.home .news-activity .content-box .news-item .info-box {
  flex: 1;
}

.home .news-activity .content-box .news-item .info-box h5 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 16px;
}

.home .news-activity .content-box .news-bottom {
  display: flex;
  justify-content: center;
}

.home .news-activity .content-box .news-bottom > div:first-child {
  margin-right: 30px;
}

.home .news-activity .content-box .more-news {
  text-align: center;
  font-size: 14px;
  margin: 14px 0 30px;
}

.basic-product-1 .banner {
  position: relative;
  background-image: url('../../img/basic-product-1/banner/banner1.png');
  background-size: 100% 100%;
  background-position: 50% 50%;
  padding: 60px 0;
}

.basic-product-1 .banner .content {
  display: flex;
  justify-content: space-between;
}

.basic-product-1 .banner .content .left {
  width: 545px;
}

.basic-product-1 .banner .content .left h1 {
  font-weight: 700;
  font-size: 45px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.basic-product-1 .banner .content .left .sub-title-1 {
  text-align: left;
  margin-bottom: 16px;
}

.basic-product-1 .banner .content .left .short-line {
  padding-top: 98px;
  color: #4d58f0;
}

.basic-product-1 .banner .content .left .img-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}

.basic-product-1 .banner .content .left .img-box .img-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 120px;
}

.basic-product-1 .banner .content .left .img-box .img-item p {
  margin-bottom: 0;
}

.basic-product-1 .banner .content .right {
  width: 545px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.basic-product-1 .banner .content .right .basic-card {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  padding: 20px;
  gap: 12px;
  margin: 8px 0;
  box-shadow: 0px 0px 10px 0px rgba(77, 88, 240, 0.5);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5);
}

.basic-product-1 .banner .content .right .basic-card .title, .basic-product-1 .banner .content .right .basic-card .title2 {
  padding: 12px 0;
  text-align: center;
  background-color: #757efb;
  color: #fff;
  border-radius: 4px;
}

.basic-product-1 .banner .content .right .basic-card .title2 {
  background-color: #9a4df0;
}

.basic-product-1 .banner .content .right .basic-card .list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.basic-product-1 .banner .content .right .basic-card .basic-list, .basic-product-1 .banner .content .right .basic-card .basic-list2 {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.basic-product-1 .advantage .advantage-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.basic-product-1 .advantage .advantage-list .advantage-item {
  width: 292px;
  padding: 30px;
  margin-right: 10px;
  margin-bottom: 0;
  box-shadow: 0px 0px 10px 0px rgba(77, 88, 240, 0.2);
}

.basic-product-1 .advantage .advantage-list .advantage-item:last-child {
  margin-right: 0;
}

.basic-product-1 .advantage .advantage-list .advantage-item .detail {
  word-wrap: break-word;
  margin-bottom: 0;
}

.basic-product-1 .introduction .col-7, .basic-product-1 .introduction .col-5 {
  padding-left: 0;
  padding-right: 0;
}

.basic-product-1 .introduction:nth-child(odd) .col-5 {
  padding-right: 45px;
}

.basic-product-1 .introduction:nth-child(even) .col-5 {
  padding-left: 45px;
}

.basic-product-1 .introduction img {
  display: inline-block;
  width: 100%;
}

.basic-product-1 .introduction h3 {
  text-align: left;
  margin-bottom: 20px;
}

.basic-product-1 .introduction h5 {
  margin-bottom: 10px;
}

.basic-product-1 .introduction .detail {
  margin-bottom: 20px;
}

.basic-product-1 .introduction .btn-box {
  padding-top: 10px;
}

.basic-product-1 .apply #applyCarousel {
  background: #ffffff;
  border: 1px solid #d6d9ff;
  box-shadow: 0px 0px 10px 0px rgba(77, 88, 240, 0.4);
}

.basic-product-1 .apply .apply-nav {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  bottom: 0;
  background-color: rgba(77, 88, 240, 0.1);
}

.basic-product-1 .apply .carousel-inner {
  padding: 30px;
}

.basic-product-1 .apply .carousel-inner .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.basic-product-1 .apply .detail-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.basic-product-1 .apply .detail-box h5 {
  margin-bottom: 24px;
}

.basic-product-1 .apply .more-apply p {
  font-size: 14px;
  margin-bottom: 5px;
  color: #9d9d9d;
}

.basic-product-1 .apply .more-apply p a {
  color: #4d58f0;
  padding: 0 5px;
}

.basic-product-1 .apply .more-apply p:last-child {
  color: #4d58f0;
  margin-bottom: 0;
}

.image-platform .banner, .remote-sensing-app .banner, .weather-app .banner, .natural-disaster-control .banner, .emergency-response .banner, .pipe-inspection .banner {
  background-image: url('../../img/weather-app/banner/bg.png');
}

.image-platform .banner .content .left .sub-title-1, .remote-sensing-app .banner .content .left .sub-title-1, .weather-app .banner .content .left .sub-title-1, .natural-disaster-control .banner .content .left .sub-title-1, .emergency-response .banner .content .left .sub-title-1, .pipe-inspection .banner .content .left .sub-title-1 {
  color: #666;
  margin-bottom: 55px;
}

.image-platform .banner .content .left .sub-title-1, .remote-sensing-app .banner .content .left .sub-title-1, .weather-app .banner .content .left .sub-title-1, .natural-disaster-control .banner .content .left .sub-title-1, .emergency-response .banner .content .left .sub-title-1, .pipe-inspection .banner .content .left .sub-title-1:nth-child(2) {
  color: #979797;
  font-size: 24px;
}

.image-platform .introduction h5, .remote-sensing-app .introduction h5, .weather-app .introduction h5, .natural-disaster-control .introduction h5, .emergency-response .introduction h5, .pipe-inspection .introduction h5 {
  margin-bottom: 0;
  display: inline-block;
  color: #212529;
}

.weather-app .banner {
  background-image: url('../../img/weather-app/banner/bg.png');
}

.remote-sensing-app .banner {
  background-image: url('../../img/remote-sensing-app/banner/bg.png');
  background-size: cover;
}

.remote-sensing-app .banner .content .left .sub-title-1 {
  margin-bottom: 38px;
}

.image-platform .banner {
  background-image: url('../../img/image-platform/banner/bg.jpg');
}

.image-platform .introduction h4 {
  font-size: 20px;
  font-weight: 700;
  color: #4d58f0;
}

.image-platform .introduction h5 {
  font-size: 18px;
  margin-right: 8px;
  display: inline-block;
  color: #212529;
  margin-bottom: 0;
}

.apply-system .banner {
  background-image: url('../../img/apply-system/banner/bg.png');
}

.apply-system .banner .content .left .detail {
  font-size: 18px;
  color: #fff;
  margin-bottom: 50px;
}

.apply-system .banner .content .left h1 {
  color: #fff;
}

.apply-system .banner .content .left .sub-title-1 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 50px;
}

.apply-system .banner .content .right-box {
  width: 536px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-weight: 700;
}

.apply-system .banner .content .right-box .basic-card {
  display: flex;
  font-size: 14px;
  padding: 12px 16px;
  height: 200px;
  margin: 0;
  box-shadow: 0px 0px 10px 0px rgba(77, 88, 240, 0.2);
  border-radius: 26px;
}

.apply-system .banner .content .right-box .basic-card:nth-child(1) {
  border: 1px solid #9a4df0;
}

.apply-system .banner .content .right-box .basic-card:nth-child(2) {
  border: 1px solid #757efb;
}

.apply-system .banner .content .right-box .basic-card:nth-child(3) {
  border: 1px solid #2a3ca1;
}

.apply-system .banner .content .right-box .basic-card .title, .apply-system .banner .content .right-box .basic-card .title2, .apply-system .banner .content .right-box .basic-card .title3 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #9a4df0;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 14px;
  width: 120px;
  height: 175px;
  margin-right: 13px;
}

.apply-system .banner .content .right-box .basic-card .title2 {
  background-color: #757efb;
}

.apply-system .banner .content .right-box .basic-card .title3 {
  background-color: #2a3ca1;
}

.apply-system .banner .content .right-box .basic-card .list-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.apply-system .banner .content .right-box .basic-card .basic-list, .apply-system .banner .content .right-box .basic-card .basic-list2, .apply-system .banner .content .right-box .basic-card .basic-list3 {
  display: flex;
  justify-content: space-between;
}

.apply-system .solution h5 {
  color: #4d58f0;
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
}

.apply-system .solution .container > p.detail {
  padding: 0 200px;
  margin-bottom: 35px;
}

.apply-system .solution .btn-box, .apply-system .solution .img-box {
  text-align: center;
}

.apply-system .solution .btn-box {
  margin-top: 30px;
}

.apply-system .introduction h3 {
  text-align: left;
  color: #4d58f0;
}

.natural-disaster-control .banner .content .left .sub-title-1, .emergency-response .banner .content .left .sub-title-1, .pipe-inspection .banner .content .left .sub-title-1 {
  margin-bottom: 50px;
}

.natural-disaster-control .introduction .col-5, .emergency-response .introduction .col-5, .pipe-inspection .introduction .col-5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.natural-disaster-control .banner {
  background-image: url('../../img/natural-disaster-control/banner/bg.png');
}

.emergency-response .banner {
  background-image: url('../../img/emergency-response/banner/bg.png');
}

.emergency-response .introduction .detail span {
  color: #4d58f0;
}

.pipe-inspection .banner {
  background-image: url('../../img/pipe-inspection/banner/bg.png');
}

.product-summary .banner, .apply-summary .banner {
  position: relative;
  overflow-x: hidden;
  padding: 0;
}

.product-summary .banner .tittle-box, .apply-summary .banner .tittle-box {
  padding: 115px 0 0;
  background-image: url('../../img/product-summary/banner/bg.png');
  background-size: cover;
  background-position: 50% 50%;
  padding-bottom: 45px;
  height: 620px;
}

.product-summary .banner .tittle-box h1, .apply-summary .banner .tittle-box h1 {
  text-align: center;
  text-wrap: balance;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.product-summary .banner .tittle-box .sub-title-1, .apply-summary .banner .tittle-box .sub-title-1 {
  margin-bottom: 50px;
}

.product-summary .banner .tittle-box .btn-box, .apply-summary .banner .tittle-box .btn-box {
  display: flex;
  justify-content: center;
}

.product-summary .banner .tittle-box .btn-box .banner-btn, .apply-summary .banner .tittle-box .btn-box .banner-btn {
  text-align: center;
  width: 300px;
  height: 60px;
  background: #4d58f0;
  border-radius: 30px;
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  line-height: 60px;
}

.product-summary .banner .swiper, .apply-summary .banner .swiper {
  transform: scale(1.34);
}

.product-summary .banner .swiper .swiper-slide, .apply-summary .banner .swiper .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.product-summary .banner .swiper .swiper-slide .title, .apply-summary .banner .swiper .swiper-slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.15);
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 65px;
  letter-spacing: 2px;
}

.product-summary .banner .swiper-btn-box, .apply-summary .banner .swiper-btn-box {
  margin: 80px 0 65px;
  display: flex;
  justify-content: center;
}

.product-summary .banner .swiper-btn-box .swiper-button-prev, .apply-summary .banner .swiper-btn-box .swiper-button-prev, .product-summary .banner .swiper-btn-box .swiper-button-next, .apply-summary .banner .swiper-btn-box .swiper-button-next {
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid #6a6868;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  left: 0;
  margin: 0 10px;
}

.product-summary .banner .swiper-btn-box .swiper-button-prev::after, .apply-summary .banner .swiper-btn-box .swiper-button-prev::after, .product-summary .banner .swiper-btn-box .swiper-button-next::after, .apply-summary .banner .swiper-btn-box .swiper-button-next::after {
  font-size: 16px;
  color: #6a6868;
}

.product-summary .introduction, .apply-summary .introduction {
  background-color: #fff;
}

.product-summary .introduction .col-6, .apply-summary .introduction .col-6, .product-summary .introduction .col-7, .apply-summary .introduction .col-7, .product-summary .introduction .col-5, .apply-summary .introduction .col-5 {
  padding-left: 0;
  padding-right: 0;
}

.product-summary .introduction .text-box, .apply-summary .introduction .text-box {
  display: flex;
  align-items: center;
}

.product-summary .introduction .text-box, .apply-summary .introduction:nth-child(odd) .text-box {
  padding-left: 45px;
}

.product-summary .introduction .text-box, .apply-summary .introduction:nth-child(even) .text-box {
  padding-right: 45px;
}

.product-summary .introduction img, .apply-summary .introduction img {
  display: inline-block;
  width: 100%;
}

.product-summary .introduction h3, .apply-summary .introduction h3 {
  text-align: left;
  margin-bottom: 20px;
}

.product-summary .introduction h5, .apply-summary .introduction h5 {
  margin-bottom: 10px;
}

.product-summary .introduction .detail, .apply-summary .introduction .detail {
  margin-bottom: 20px;
}

.product-summary .introduction .btn-box, .apply-summary .introduction .btn-box {
  padding-top: 10px;
}

.product-summary .apply #applyCarousel, .apply-summary .apply #applyCarousel {
  background: #ffffff;
  border: 1px solid #d6d9ff;
  box-shadow: 0px 0px 10px 0px rgba(77, 88, 240, 0.4);
}

.product-summary .apply .apply-nav, .apply-summary .apply .apply-nav {
  position: relative;
  display: flex;
  padding: 0;
  margin: 0;
  bottom: 0;
  background-color: rgba(77, 88, 240, 0.1);
}

.product-summary .apply .carousel-inner, .apply-summary .apply .carousel-inner {
  padding: 30px;
}

.product-summary .apply .detail-box h5, .apply-summary .apply .detail-box h5 {
  margin-bottom: 24px;
}

.product-summary .apply .more-apply p, .apply-summary .apply .more-apply p {
  font-size: 14px;
  margin-bottom: 5px;
  color: #9d9d9d;
}

.product-summary .apply .more-apply p a, .apply-summary .apply .more-apply p a {
  color: #4d58f0;
  padding: 0 5px;
}

.product-summary .apply .more-apply p, .apply-summary .apply .more-apply p:last-child {
  color: #4d58f0;
  margin-bottom: 0;
}

.product-summary .introduction {
  padding: 0;
}

.apply-summary .banner {
  position: relative;
  padding: 0;
  background-image: url('../../img/apply-summary/banner/bg.png');
  background-size: cover;
  background-position: 50% 50%;
  height: 620px;
}

.apply-summary .banner .tittle-box {
  padding: 230px 0 0;
  padding-bottom: 45px;
  background: none;
}

.apply-summary .banner .tittle-box h1 {
  text-align: left;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.5;
  margin-bottom: 12px;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(90deg, #4d58f0 0%, #242845 100%);
}

.apply-summary .banner .tittle-box .sub-title-1 {
  text-align: left;
  margin-bottom: 50px;
  color: #000066;
  font-size: 24px;
}

.apply-summary .introduction .detail-ul li > span {
  color: #171c3c;
  font-weight: 700;
}

.water-conservancy section, .satellite-center section, .insurance-finance section, .energy-pipe section {
  background-color: #fff;
}

.water-conservancy #section-0, .satellite-center #section-0, .insurance-finance #section-0, .energy-pipe #section-0:target {
  padding-top: 105px;
  margin-top: -80px;
}

.water-conservancy #section-1, .satellite-center #section-1, .insurance-finance #section-1, .energy-pipe #section-1, .water-conservancy #section-2, .satellite-center #section-2, .insurance-finance #section-2, .energy-pipe #section-2, .water-conservancy #section-3, .satellite-center #section-3, .insurance-finance #section-3, .energy-pipe #section-3:target {
  padding-top: 100px;
  margin-top: -100px;
}

.water-conservancy .banner, .satellite-center .banner, .insurance-finance .banner, .energy-pipe .banner {
  position: relative;
  padding: 0;
  background-image: url('../../img/satellite-center/banner/bg.png');
  background-size: cover;
  background-position: 50% 50%;
  height: 620px;
}

.water-conservancy .banner .tittle-box, .satellite-center .banner .tittle-box, .insurance-finance .banner .tittle-box, .energy-pipe .banner .tittle-box {
  padding: 115px 0 0;
  padding-bottom: 120px;
}

.water-conservancy .banner .tittle-box h1, .satellite-center .banner .tittle-box h1, .insurance-finance .banner .tittle-box h1, .energy-pipe .banner .tittle-box h1 {
  text-align: right;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.5;
  margin-bottom: 12px;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 62%, #424a5f 100%);
}

.water-conservancy .banner .tittle-box .sub-title-1, .satellite-center .banner .tittle-box .sub-title-1, .insurance-finance .banner .tittle-box .sub-title-1, .energy-pipe .banner .tittle-box .sub-title-1 {
  text-align: right;
  margin-bottom: 50px;
  color: #fff;
}

.water-conservancy .banner .tittle-box .btn-box, .satellite-center .banner .tittle-box .btn-box, .insurance-finance .banner .tittle-box .btn-box, .energy-pipe .banner .tittle-box .btn-box {
  display: flex;
  justify-content: flex-end;
}

.water-conservancy .banner .tittle-box .btn-box .banner-btn, .satellite-center .banner .tittle-box .btn-box .banner-btn, .insurance-finance .banner .tittle-box .btn-box .banner-btn, .energy-pipe .banner .tittle-box .btn-box .banner-btn {
  text-align: center;
  width: 300px;
  height: 60px;
  background: #4d58f0;
  border-radius: 30px;
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  line-height: 60px;
}

.water-conservancy .sticky-top, .satellite-center .sticky-top, .insurance-finance .sticky-top, .energy-pipe .sticky-top {
  top: 65px;
  z-index: 1020;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(77, 88, 240, 0.2);
}

.water-conservancy .sticky-top .navbar, .satellite-center .sticky-top .navbar, .insurance-finance .sticky-top .navbar, .energy-pipe .sticky-top .navbar {
  height: 85px;
  font-size: 18px;
}

.water-conservancy .sticky-top .navbar .nav-pills .nav-item, .satellite-center .sticky-top .navbar .nav-pills .nav-item, .insurance-finance .sticky-top .navbar .nav-pills .nav-item, .energy-pipe .sticky-top .navbar .nav-pills .nav-item {
  padding: 10px 0;
}

.water-conservancy .sticky-top .navbar .nav-pills .nav-item a, .satellite-center .sticky-top .navbar .nav-pills .nav-item a, .insurance-finance .sticky-top .navbar .nav-pills .nav-item a, .energy-pipe .sticky-top .navbar .nav-pills .nav-item a {
  color: #999;
}

.water-conservancy .sticky-top .navbar .nav-pills .nav-item a, .satellite-center .sticky-top .navbar .nav-pills .nav-item a, .insurance-finance .sticky-top .navbar .nav-pills .nav-item a, .energy-pipe .sticky-top .navbar .nav-pills .nav-item a:hover {
  color: #4d58f0;
}

.water-conservancy .sticky-top .navbar .nav-pills .nav-link, .satellite-center .sticky-top .navbar .nav-pills .nav-link, .insurance-finance .sticky-top .navbar .nav-pills .nav-link, .energy-pipe .sticky-top .navbar .nav-pills .nav-link {
  border-radius: 0;
  border-bottom: 2px solid #fff;
}

.water-conservancy .sticky-top .navbar .nav-pills .nav-link.active, .satellite-center .sticky-top .navbar .nav-pills .nav-link.active, .insurance-finance .sticky-top .navbar .nav-pills .nav-link.active, .energy-pipe .sticky-top .navbar .nav-pills .nav-link.active, .water-conservancy .sticky-top .navbar .nav-pills .show > .nav-link, .satellite-center .sticky-top .navbar .nav-pills .show > .nav-link, .insurance-finance .sticky-top .navbar .nav-pills .show > .nav-link, .energy-pipe .sticky-top .navbar .nav-pills .show > .nav-link {
  background-color: #fff;
  color: #4d58f0;
  border-bottom: 2px solid #4d58f0;
}

.water-conservancy .background .container > p.detail, .satellite-center .background .container > p.detail, .insurance-finance .background .container > p.detail, .energy-pipe .background .container > p.detail {
  padding: 0 100px;
  margin-bottom: 35px;
}

.water-conservancy .background .ground-list, .satellite-center .background .ground-list, .insurance-finance .background .ground-list, .energy-pipe .background .ground-list {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  padding: 45px 0;
  background: #f8fbfc;
  box-shadow: 0px 0px 12px 0px rgba(67, 83, 122, 0.18);
  border-radius: 4px;
}

.water-conservancy .background .ground-list .ground-item, .satellite-center .background .ground-list .ground-item, .insurance-finance .background .ground-list .ground-item, .energy-pipe .background .ground-list .ground-item {
  width: 260px;
}

.water-conservancy .background .ground-list .ground-item img, .satellite-center .background .ground-list .ground-item img, .insurance-finance .background .ground-list .ground-item img, .energy-pipe .background .ground-list .ground-item img {
  display: inline-block;
  margin-bottom: 25px;
  width: 38px;
  height: 36px;
}

.water-conservancy .background .ground-list .ground-item h5, .satellite-center .background .ground-list .ground-item h5, .insurance-finance .background .ground-list .ground-item h5, .energy-pipe .background .ground-list .ground-item h5 {
  font-size: 14px;
  margin-bottom: 20px;
}

.water-conservancy .background .ground-list .ground-item .detail, .satellite-center .background .ground-list .ground-item .detail, .insurance-finance .background .ground-list .ground-item .detail, .energy-pipe .background .ground-list .ground-item .detail {
  margin-bottom: 0;
}

.water-conservancy .solution .container > p.detail, .satellite-center .solution .container > p.detail, .insurance-finance .solution .container > p.detail, .energy-pipe .solution .container > p.detail {
  padding: 0 100px;
  margin-bottom: 35px;
}

.water-conservancy .solution .container > p.detail img, .satellite-center .solution .container > p.detail img, .insurance-finance .solution .container > p.detail img, .energy-pipe .solution .container > p.detail img {
  padding: 0 50px;
}

.water-conservancy .advantage h3, .satellite-center .advantage h3, .insurance-finance .advantage h3, .energy-pipe .advantage h3 {
  margin-bottom: 35px;
}

.water-conservancy .advantage .advantage-list, .satellite-center .advantage .advantage-list, .insurance-finance .advantage .advantage-list, .energy-pipe .advantage .advantage-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.water-conservancy .advantage .advantage-list .advantage-item, .satellite-center .advantage .advantage-list .advantage-item, .insurance-finance .advantage .advantage-list .advantage-item, .energy-pipe .advantage .advantage-list .advantage-item {
  width: 580px;
  height: 350px;
  padding: 30px;
  margin-right: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 10px 0px rgba(77, 88, 240, 0.2);
  display: flex;
  align-items: center;
}

.water-conservancy .advantage .advantage-list .advantage-item, .satellite-center .advantage .advantage-list .advantage-item, .insurance-finance .advantage .advantage-list .advantage-item, .energy-pipe .advantage .advantage-list .advantage-item:last-child {
  margin-right: 0;
}

.water-conservancy .advantage .advantage-list .advantage-item img, .satellite-center .advantage .advantage-list .advantage-item img, .insurance-finance .advantage .advantage-list .advantage-item img, .energy-pipe .advantage .advantage-list .advantage-item img {
  display: inline-block;
  width: 100px;
  height: 88px;
  margin-right: 30px;
}

.water-conservancy .introduction h3, .satellite-center .introduction h3, .insurance-finance .introduction h3, .energy-pipe .introduction h3 {
  margin-bottom: 35px;
}

.water-conservancy .introduction .row, .satellite-center .introduction .row, .insurance-finance .introduction .row, .energy-pipe .introduction .row {
  margin-bottom: 110px;
}

.water-conservancy .introduction .row .col-6, .satellite-center .introduction .row .col-6, .insurance-finance .introduction .row .col-6, .energy-pipe .introduction .row .col-6 {
  padding-left: 0;
  padding-right: 0;
}

.water-conservancy .introduction .row .info-box, .satellite-center .introduction .row .info-box, .insurance-finance .introduction .row .info-box, .energy-pipe .introduction .row:nth-child(odd) .info-box {
  padding-right: 50px;
}

.water-conservancy .introduction .row .info-box, .satellite-center .introduction .row .info-box, .insurance-finance .introduction .row .info-box, .energy-pipe .introduction .row:nth-child(even) .info-box {
  padding-left: 50px;
}

.water-conservancy .introduction .row, .satellite-center .introduction .row, .insurance-finance .introduction .row, .energy-pipe .introduction .row:last-child {
  margin-bottom: 0;
}

.water-conservancy .introduction .row h5, .satellite-center .introduction .row h5, .insurance-finance .introduction .row h5, .energy-pipe .introduction .row h5 {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.8;
}

.water-conservancy .introduction .row h5 span, .satellite-center .introduction .row h5 span, .insurance-finance .introduction .row h5 span, .energy-pipe .introduction .row h5 span {
  color: #4d58f0;
}

.water-conservancy .introduction .row .detail, .satellite-center .introduction .row .detail, .insurance-finance .introduction .row .detail, .energy-pipe .introduction .row .detail {
  margin-bottom: 20px;
}

.water-conservancy .introduction .row .btn-box, .satellite-center .introduction .row .btn-box, .insurance-finance .introduction .row .btn-box, .energy-pipe .introduction .row .btn-box {
  padding-top: 10px;
}

.water-conservancy .introduction .row img, .satellite-center .introduction .row img, .insurance-finance .introduction .row img, .energy-pipe .introduction .row img {
  display: inline-block;
  width: 100%;
}

.water-conservancy .apply #applyCarousel, .satellite-center .apply #applyCarousel, .insurance-finance .apply #applyCarousel, .energy-pipe .apply #applyCarousel {
  background: #ffffff;
  border: 1px solid #d6d9ff;
  box-shadow: 0px 0px 10px 0px rgba(77, 88, 240, 0.4);
}

.water-conservancy .apply .apply-nav, .satellite-center .apply .apply-nav, .insurance-finance .apply .apply-nav, .energy-pipe .apply .apply-nav {
  position: relative;
  display: flex;
  padding: 0;
  margin: 0;
  bottom: 0;
  background-color: rgba(77, 88, 240, 0.1);
}

.water-conservancy .apply .carousel-inner, .satellite-center .apply .carousel-inner, .insurance-finance .apply .carousel-inner, .energy-pipe .apply .carousel-inner {
  padding: 30px;
}

.water-conservancy .apply .detail-box h5, .satellite-center .apply .detail-box h5, .insurance-finance .apply .detail-box h5, .energy-pipe .apply .detail-box h5 {
  margin-bottom: 24px;
}

.water-conservancy .apply .more-apply p, .satellite-center .apply .more-apply p, .insurance-finance .apply .more-apply p, .energy-pipe .apply .more-apply p {
  font-size: 14px;
  margin-bottom: 5px;
  color: #9d9d9d;
}

.water-conservancy .apply .more-apply p a, .satellite-center .apply .more-apply p a, .insurance-finance .apply .more-apply p a, .energy-pipe .apply .more-apply p a {
  color: #4d58f0;
  padding: 0 5px;
}

.water-conservancy .apply .more-apply p, .satellite-center .apply .more-apply p, .insurance-finance .apply .more-apply p, .energy-pipe .apply .more-apply p:last-child {
  color: #4d58f0;
  margin-bottom: 0;
}

.water-conservancy .consult, .satellite-center .consult, .insurance-finance .consult, .energy-pipe .consult {
  background: url('../../img/satellite-center/consult-bg.png');
}

.water-conservancy .consult h5, .satellite-center .consult h5, .insurance-finance .consult h5, .energy-pipe .consult h5 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 35px;
}

.water-conservancy .consult #free-trial-form, .satellite-center .consult #free-trial-form, .insurance-finance .consult #free-trial-form, .energy-pipe .consult #free-trial-form {
  display: flex;
}

.water-conservancy .consult #free-trial-form .form-item, .satellite-center .consult #free-trial-form .form-item, .insurance-finance .consult #free-trial-form .form-item, .energy-pipe .consult #free-trial-form .form-item {
  margin-bottom: 28px;
  position: relative;
  display: flex;
  align-items: center;
}

.water-conservancy .consult #free-trial-form .form-item label, .satellite-center .consult #free-trial-form .form-item label, .insurance-finance .consult #free-trial-form .form-item label, .energy-pipe .consult #free-trial-form .form-item label {
  width: 80px;
  margin-bottom: 0;
  margin-right: 16px;
  text-align: right;
}

.water-conservancy .consult #free-trial-form .form-item label span, .satellite-center .consult #free-trial-form .form-item label span, .insurance-finance .consult #free-trial-form .form-item label span, .energy-pipe .consult #free-trial-form .form-item label span {
  color: red;
}

.water-conservancy .consult #free-trial-form .form-item .input-box, .satellite-center .consult #free-trial-form .form-item .input-box, .insurance-finance .consult #free-trial-form .form-item .input-box, .energy-pipe .consult #free-trial-form .form-item .input-box {
  display: block;
  width: 100%;
  margin-right: 10px;
}

.water-conservancy .consult #free-trial-form .form-item .input-box .iconfont, .satellite-center .consult #free-trial-form .form-item .input-box .iconfont, .insurance-finance .consult #free-trial-form .form-item .input-box .iconfont, .energy-pipe .consult #free-trial-form .form-item .input-box .iconfont {
  position: absolute;
  padding: 0 8px;
  font-size: 20px;
  line-height: 40px;
}

.water-conservancy .consult #free-trial-form .form-item .input-box input, .satellite-center .consult #free-trial-form .form-item .input-box input, .insurance-finance .consult #free-trial-form .form-item .input-box input, .energy-pipe .consult #free-trial-form .form-item .input-box input {
  display: inline-block;
  width: 100%;
  height: 50px;
  padding: 6px 18px;
  font-size: 16px;
  outline: none;
  border-radius: 4px;
  transition: all 0.3s;
  line-height: 1.5;
  border: 1px solid #0000ff;
  background-color: #3d4891;
  color: #fff;
}

.water-conservancy .consult #free-trial-form .form-item .input-box input, .satellite-center .consult #free-trial-form .form-item .input-box input, .insurance-finance .consult #free-trial-form .form-item .input-box input, .energy-pipe .consult #free-trial-form .form-item .input-box input:focus {
  border: 1px solid #4d58f0;
}

.water-conservancy .consult #free-trial-form .form-item .input-box input, .satellite-center .consult #free-trial-form .form-item .input-box input, .insurance-finance .consult #free-trial-form .form-item .input-box input, .energy-pipe .consult #free-trial-form .form-item .input-box input.prefix {
  padding-left: 40px;
}

.water-conservancy .consult #free-trial-form .form-item .input-box input::-webkit-input-placeholder, .satellite-center .consult #free-trial-form .form-item .input-box input::-webkit-input-placeholder, .insurance-finance .consult #free-trial-form .form-item .input-box input::-webkit-input-placeholder, .energy-pipe .consult #free-trial-form .form-item .input-box input::-webkit-input-placeholder {
  color: #fff;
}

.water-conservancy .consult #free-trial-form .form-item .input-box input[type='checkbox'], .satellite-center .consult #free-trial-form .form-item .input-box input[type='checkbox'], .insurance-finance .consult #free-trial-form .form-item .input-box input[type='checkbox'], .energy-pipe .consult #free-trial-form .form-item .input-box input[type='checkbox'] {
  width: 14px;
  height: 14px;
}

.water-conservancy .consult #free-trial-form .form-item .input-box .error-border, .satellite-center .consult #free-trial-form .form-item .input-box .error-border, .insurance-finance .consult #free-trial-form .form-item .input-box .error-border, .energy-pipe .consult #free-trial-form .form-item .input-box .error-border {
  border: 1px solid red !important;
}

.water-conservancy .consult #free-trial-form .btn-box .common-btn-2, .satellite-center .consult #free-trial-form .btn-box .common-btn-2, .insurance-finance .consult #free-trial-form .btn-box .common-btn-2, .energy-pipe .consult #free-trial-form .btn-box .common-btn-2 {
  font-size: 16px;
  height: 50px;
  color: #fff;
  background-color: #4d58f0;
}

.water-conservancy .consult .error-msg, .satellite-center .consult .error-msg, .insurance-finance .consult .error-msg, .energy-pipe .consult .error-msg {
  display: none;
  position: absolute;
  color: red;
  font-size: 12px;
}

.water-conservancy .consult .info-box .phone, .satellite-center .consult .info-box .phone, .insurance-finance .consult .info-box .phone, .energy-pipe .consult .info-box .phone, .water-conservancy .consult .info-box .email, .satellite-center .consult .info-box .email, .insurance-finance .consult .info-box .email, .energy-pipe .consult .info-box .email {
  color: #fff;
}

.water-conservancy .banner, .insurance-finance .banner, .energy-pipe .banner {
  background-image: url('../../img/insurance-finance/banner/bg.jpg');
}

.water-conservancy .banner .tittle-box, .insurance-finance .banner .tittle-box, .energy-pipe .banner .tittle-box {
  padding: 115px 0 0;
  padding-bottom: 120px;
}

.water-conservancy .banner .tittle-box h1, .insurance-finance .banner .tittle-box h1, .energy-pipe .banner .tittle-box h1 {
  text-align: right;
  font-weight: 700;
  font-size: 50px;
  text-wrap: balance;
  line-height: 1.5;
  margin-bottom: 0px;
  background-clip: text;
  color: #444;
  background-image: none;
}

.water-conservancy .banner .tittle-box .sub-title-1, .insurance-finance .banner .tittle-box .sub-title-1, .energy-pipe .banner .tittle-box .sub-title-1 {
  font-size: 24px;
  text-align: right;
  margin-bottom: 24px;
  color: #333;
}

.water-conservancy .banner .tittle-box .detail, .insurance-finance .banner .tittle-box .detail, .energy-pipe .banner .tittle-box .detail {
  color: #333;
  text-align: right;
  margin-bottom: 35px;
}

.water-conservancy .banner .tittle-box .btn-box, .insurance-finance .banner .tittle-box .btn-box, .energy-pipe .banner .tittle-box .btn-box {
  display: flex;
  justify-content: flex-end;
}

.water-conservancy .banner .tittle-box .btn-box .banner-btn, .insurance-finance .banner .tittle-box .btn-box .banner-btn, .energy-pipe .banner .tittle-box .btn-box .banner-btn {
  text-align: center;
  width: 300px;
  height: 60px;
  background: #4d58f0;
  border-radius: 30px;
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  line-height: 60px;
}

.water-conservancy .introduction h5, .insurance-finance .introduction h5, .energy-pipe .introduction h5 {
  color: #4d58f0;
}

.water-conservancy .banner .tittle-box .detail, .insurance-finance .banner .tittle-box .detail {
  padding-left: 400px;
}

.energy-pipe .banner {
  background-image: url('../../img/energy-pipe/banner/bg.png');
}

.energy-pipe .banner .tittle-box {
  padding: 115px 0 0;
  padding-bottom: 120px;
}

.energy-pipe .banner .tittle-box h1 {
  text-align: left;
  color: #444;
}

.energy-pipe .banner .tittle-box .sub-title-1 {
  color: #333;
  text-align: left;
}

.energy-pipe .banner .tittle-box .detail {
  color: #333;
  padding-right: 400px;
  text-align: left;
}

.energy-pipe .banner .tittle-box .btn-box {
  justify-content: flex-start;
}

.water-conservancy .banner {
  background-image: url('../../img/water-conservancy/banner/bg.jpg');
}

.water-conservancy .banner .tittle-box h1 {
  color: #3166ff;
}

.water-conservancy .banner .tittle-box .sub-title-1 {
  color: #0060ff;
}

.water-conservancy .banner .tittle-box .detail {
  color: #0060ff;
}

.satellite-center .banner .tittle-box .sub-title-1 {
  color: #fff;
  margin-left: 300px;
}

.resource-center section {
  background-color: #fff;
}

.resource-center .banner {
  position: relative;
  padding: 0;
  background-image: url('../../img/resource-center/banner/bg.png');
  background-size: cover;
  background-position: 50% 50%;
  height: 620px;
}

.resource-center .banner .tittle-box {
  padding: 240px 0 0;
  padding-bottom: 120px;
}

.resource-center .banner .tittle-box h1 {
  text-align: right;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.5;
  margin-bottom: 12px;
  color: #4d58f0;
}

.resource-center .banner .tittle-box .sub-title-1 {
  text-align: right;
  margin-bottom: 50px;
  color: #11298c;
}

.resource-center .introduction #resoureCarousel > span {
  font-size: 14px;
  line-height: 34px;
}

.resource-center .introduction .resource-nav {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  padding-left: 6px;
  margin: 0;
  bottom: 0;
}

.resource-center .introduction .carousel-inner {
  padding-top: 30px;
}

.resource-center .introduction .carousel-inner .carousel-item:nth-child(even) .row {
  flex-direction: row-reverse;
}

.resource-center .introduction .carousel-inner .carousel-item-title {
  margin-bottom: 20px;
  color: #4d58f0;
}

.resource-center .introduction .carousel-inner .faq-item {
  background: #ffffff;
  border-radius: 3px;
  padding: 18px 22px;
  margin-bottom: 16px;
  box-shadow: 0 2px 10px rgba(50, 72, 150, 0.08);
  border: 1px solid #eee;
  transition: all 0.25s ease;
}

.resource-center .introduction .carousel-inner .faq-item:hover {
  box-shadow: 0 4px 18px rgba(77, 88, 240, 0.15);
}

.resource-center .introduction .carousel-inner .faq-question {
  font-size: 17px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.resource-center .introduction .carousel-inner .faq-answer {
  line-height: 1.7;
  font-size: 15px;
  color: #555;
}

.resource-center .introduction .carousel-inner .faq-answer b {
  color: #333;
  font-weight: 600;
}

.resource-center .introduction .introduction-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.resource-center .introduction .introduction-list .introduction-item {
  width: 285px;
  padding: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #f4f4f4;
  cursor: pointer;
}

.resource-center .introduction .introduction-list .introduction-item:nth-child(4n) {
  margin-right: 0;
}

.resource-center .introduction .introduction-list .introduction-item .img-box {
  position: relative;
  margin-bottom: 15px;
}

.resource-center .introduction .introduction-list .introduction-item .img-box img {
  display: inline-block;
}

.resource-center .introduction .introduction-list .introduction-item .img-box .top, .resource-center .introduction .introduction-list .introduction-item .img-box .bottom {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
}

.resource-center .introduction .introduction-list .introduction-item .img-box .top {
  top: 15px;
  font-size: 14px;
  color: #0059ab;
}

.resource-center .introduction .introduction-list .introduction-item .img-box .bottom {
  bottom: 12px;
  color: #ababab;
  font-size: 12px;
  transform: scale(0.83);
}

.resource-center .introduction .introduction-list .introduction-item h6 {
  font-size: 18px;
  line-height: 1.5;
  color: #171c3c;
}

.resource-center .introduction .introduction-list .introduction-item .detail {
  margin-bottom: 0;
}

.partner .banner {
  position: relative;
  padding: 0;
  background-image: url('../../img/partner/banner/bg.png');
  background-size: cover;
  background-position: 50% 50%;
  height: 620px;
}

.partner .banner .tittle-box {
  padding: 115px 0;
}

.partner .banner .tittle-box h1 {
  text-wrap: balance;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.partner .banner .tittle-box .sub-title-1 {
  text-align: left;
  margin-bottom: 50px;
  width: 60%;
}

.partner .banner .tittle-box .btn-box {
  display: flex;
}

.partner .banner .tittle-box .btn-box .banner-btn {
  text-align: center;
  width: 300px;
  height: 60px;
  background: #4d58f0;
  border-radius: 30px;
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  line-height: 60px;
}

.partner .welcome .col-7, .partner .welcome .col-5 {
  padding-left: 0;
  padding-right: 0;
}

.partner .welcome:nth-child(odd) .col-5 {
  padding-right: 45px;
}

.partner .welcome:nth-child(even) .col-5 {
  padding-left: 45px;
}

.partner .welcome img {
  display: inline-block;
  width: 100%;
}

.partner .welcome .btn-box {
  padding-top: 10px;
}

.partner .require .row {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 40px;
}

.partner .require .col-left, .partner .require .col-right {
  flex: 1;
  background: white;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.partner .how {
  background-image: url('../../img/partner/how/bg.png');
  background-size: cover;
  background-position: 50% 50%;
}

.partner .how h3 {
  margin-bottom: 55px;
}

.partner .how .row {
  position: relative;
  justify-content: center;
}

.partner .how .row .item {
  width: 112px;
}

.partner .how .row .line {
  margin: 0 25px;
  width: 126px;
  display: flex;
  align-items: center;
  padding-bottom: 65px;
}

.partner .how .row .line span {
  display: inline-block;
}

.partner .how .row .line span:first-child {
  flex: 1;
  border-bottom: 2px dotted #9a9bab;
}

.partner .how .row .line span:last-child {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #9a9bab;
}

.partner .how .row .circle {
  position: absolute;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  border: 14px solid #4d58f0;
  transform: rotate(45deg);
}

.partner .how .row .circle-1 {
  border-left: 14px solid rgba(15, 20, 88, 0);
  border-right: 14px solid rgba(15, 20, 88, 0);
  border-bottom: 14px solid rgba(15, 20, 88, 0);
}

.partner .how .row .circle-2 {
  border-left: 14px solid rgba(15, 20, 88, 0);
  border-bottom: 14px solid rgba(15, 20, 88, 0);
}

.partner .how .row .circle-3 {
  border-left: 14px solid rgba(15, 20, 88, 0);
}

.partner .how .row .circle-text {
  margin: 7px;
  width: 98px;
  height: 98px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  border-radius: 50%;
  color: #4d58f0;
  border: 1px solid #4d58f0;
}

.partner .how .row .text {
  text-align: center;
  margin-top: 20px;
}

.partner .introduction {
  background: #eef6ff;
}

.partner .introduction .row {
  justify-content: center;
}

.partner .introduction .detail-list {
  width: 967px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.partner .introduction .detail-list .detail-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.partner .introduction .detail-list .detail-item .detail {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 183px;
  height: 100px;
  background: #eef6ff;
  border: 1px solid #c5e1ff;
  border-radius: 4px;
  font-size: 16px;
  color: #2f5482;
  margin-bottom: 12px;
}

.partner .introduction .detail-list .detail-item .detail:first-child {
  margin-top: 17px;
}

.partner .introduction .detail-list .detail-item .detail:last-child {
  background: #fff;
  margin-bottom: 17px;
}

.partner .introduction .detail-list .detail-item .detail:nth-child(3) {
  margin-bottom: 8px;
}

.partner .introduction .detail-list .detail-item .img {
  width: 29px;
  height: 23px;
  margin-bottom: 8px;
}

.partner .introduction .top, .partner .introduction .bottom {
  width: 967px;
  height: 100%;
  background: #d4eaff;
  border-radius: 4px;
  text-align: center;
  line-height: 57px;
  color: #2b2f4b;
  font-size: 23px;
  font-weight: 700;
}

.about .banner {
  position: relative;
  padding: 0;
  background-image: url('../../img/about/banner/bg.png');
  background-size: cover;
  background-position: 50% 50%;
  height: 620px;
}

.about .banner .tittle-box {
  padding: 230px 0 0;
  padding-bottom: 120px;
  background: none;
}

.about .banner .tittle-box h1 {
  text-align: left;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.about .banner .tittle-box .sub-title-1 {
  text-align: left;
  margin-bottom: 50px;
}

.about .tech .detail {
  margin-bottom: 35px;
  font-size: 16px;
  line-height: 2;
}

.about .tech .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.about .tech .img-box .info {
  position: relative;
  width: 829px;
  height: 400px;
  background: #ffffff;
  box-shadow: 0px 6px 10px 0px rgba(18, 24, 101, 0.1);
  border-radius: 6px;
  padding: 50px 38px;
  margin-left: 30px;
}

.about .tech .img-box .info .title {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}

.about .tech .img-box .info .text-box {
  display: flex;
  justify-content: center;
}

.about .tech .img-box .info .text-box span {
  display: inline-block;
  text-align: left;
}

.about .tech .img-box .info .text-box .text {
  width: 720px;
  font-size: 16px;
  line-height: 2;
  color: #494d8a;
}

.about .tech .img-box .info .iconfont {
  color: #4d58f0;
  font-size: 25px;
  line-height: 1;
}

.about .tech .img-box .info::after {
  position: absolute;
  left: -40px;
  top: 115px;
  content: '';
  width: 1px;
  height: 1px;
  border: 20px solid transparent;
  border-right-color: #fff;
}

.about .introduce .detail {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 2;
  text-indent: 2em;
}

.about .val {
  background-image: url('../../img/about/val/bg.png');
  background-size: cover;
  background-position: 50% 50%;
  height: 500px;
  display: flex;
  align-items: center;
}

.about .val .row {
  justify-content: center;
}

.about .val .item {
  width: 366px;
  border-radius: 4px;
  background: rgba(60, 63, 108, 0.65);
  margin-right: 20px;
  color: #fff;
  padding: 38px 45px 38px 60px;
}

.about .val .item h3 {
  text-align: left;
  margin-bottom: 15px;
}

.about .val .item .detail {
  color: #fff;
}

.about .val .item:last-child {
  margin-right: 0;
}

.about .honor {
  background-image: url('../../img/about/honor/bg.png');
  background-size: cover;
  background-position: 50% 50%;
}

.about .honor .sub-title-1 {
  margin-bottom: 96px;
}

.about .join .row {
  justify-content: center;
}

.about .join #aboutCarousel > span {
  font-size: 14px;
  line-height: 34px;
}

.about .join h3 {
  text-align: left;
  margin-bottom: 35px;
  margin-left: 20px;
}

.about .join .join-nav {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  bottom: 0;
}

.about .join .carousel-inner {
  padding-top: 30px;
}

.about .join .carousel-inner .carousel-item:nth-child(even) .row {
  flex-direction: row-reverse;
}

.about .join .join-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.about .join .join-list .join-item {
  width: 366px;
  height: 254px;
  padding: 25px 30px;
  margin-right: 20px;
  margin-bottom: 20px;
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.about .join .join-list .join-item:nth-child(1) {
  background-image: url('../../img/about/join/0.png');
}

.about .join .join-list .join-item:nth-child(2) {
  background-image: url('../../img/about/join/1.png');
}

.about .join .join-list .join-item:nth-child(3) {
  background-image: url('../../img/about/join/2.png');
}

.about .join .join-list .join-item:nth-child(3n) {
  margin-right: 0;
}

.about .join .join-list .join-item h6 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
}

.about .join .join-list .join-item .detail {
  line-height: 1.8;
  margin-bottom: 0;
}

.about .join .join-list .join-item .detail a {
  font-weight: 700;
  color: #4d58f0;
}

.about .contact {
  background: url('../../img/about/contact/bg.png') no-repeat 50% 50%;
}

.about .contact .info-box {
  display: flex;
}

.about .contact .info-box .left {
  display: flex;
  flex-wrap: wrap;
}

.about .contact .info-box .left .item {
  width: 366px;
  height: 115px;
  border: 1px solid #cfd1f4;
  margin: 0 20px 20px 0;
  padding: 30px;
}

.about .contact .info-box .left .item h6 {
  font-weight: 700;
  font-size: 18px;
}

.about .contact .info-box .left .item:nth-child(1) {
  background: url('../../img/about/contact/0.png') no-repeat 100% 100%;
}

.about .contact .info-box .left .item:nth-child(2) {
  background: url('../../img/about/contact/1.png') no-repeat 100% 100%;
}

.about .contact .info-box .left .item:nth-child(3) {
  background: url('../../img/about/contact/2.png') no-repeat 100% 100%;
}

.about .contact .info-box .left .item:nth-child(4) {
  background: url('../../img/about/contact/3.png') no-repeat 100% 100%;
}

.about .contact .info-box .right {
  min-width: 300px;
  padding: 40px 30px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}

.about .contact .address {
  display: flex;
  align-items: center;
  line-height: 2;
}

.about .contact .address img {
  width: 752px;
  height: 388px;
  background: #ffffff;
  border: 1px solid #cfd1f4;
  padding: 10px;
  margin-right: 20px;
}

.about .contact .address address {
  flex: 1;
}

.about .img-box {
  text-align: center;
}

.login, .register, .free-trial {
  height: 100%;
}

.login .form, .register .form, .free-trial .form {
  position: absolute;
  top: 25%;
  right: 10%;
  width: 480px;
  padding: 40px 45px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgb(0 0 0 / 16%);
  opacity: 1;
}

.login .form a, .register .form a, .free-trial .form a {
  color: #4d58f0;
}

.login .form a, .register .form a, .free-trial .form a:hover {
  color: #4d58f0;
}

.login .form .form-item, .register .form .form-item, .free-trial .form .form-item {
  margin-bottom: 28px;
  position: relative;
  display: flex;
  align-items: center;
}

.login .form .form-item label, .register .form .form-item label, .free-trial .form .form-item label {
  width: 80px;
  margin-bottom: 0;
  margin-right: 10px;
  text-align: right;
}

.login .form .form-item label span, .register .form .form-item label span, .free-trial .form .form-item label span {
  color: red;
}

.login .form .form-item .input-box, .register .form .form-item .input-box, .free-trial .form .form-item .input-box {
  width: calc(100% - 80px);
}

.login .form .form-item .input-box .iconfont, .register .form .form-item .input-box .iconfont, .free-trial .form .form-item .input-box .iconfont {
  position: absolute;
  padding: 0 8px;
  font-size: 20px;
  line-height: 40px;
}

.login .form .form-item .input-box input, .register .form .form-item .input-box input, .free-trial .form .form-item .input-box input {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
  outline: none;
  border-radius: 4px;
  transition: all 0.3s;
  line-height: 1.5;
  border: 1px solid #d9d9d9;
}

.login .form .form-item .input-box input, .register .form .form-item .input-box input, .free-trial .form .form-item .input-box input:focus {
  border: 1px solid #4d58f0;
}

.login .form .form-item .input-box input, .register .form .form-item .input-box input, .free-trial .form .form-item .input-box input.prefix {
  padding-left: 40px;
}

.login .form .form-item .input-box input[type='checkbox'], .register .form .form-item .input-box input[type='checkbox'], .free-trial .form .form-item .input-box input[type='checkbox'] {
  width: 14px;
  height: 14px;
}

.login .form .form-item .input-box .error-border, .register .form .form-item .input-box .error-border, .free-trial .form .form-item .input-box .error-border {
  border: 1px solid red !important;
}

.login .form .code-box, .register .form .code-box, .free-trial .form .code-box {
  display: flex;
}

.login .form .code-box .code-btn, .register .form .code-box .code-btn, .free-trial .form .code-box .code-btn {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  margin-left: 10px;
  padding: 0;
  text-align: center;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  color: #666;
  font-size: 14px;
}

.login .form .code-box .code-btn, .register .form .code-box .code-btn, .free-trial .form .code-box .code-btn:hover {
  color: #4d58f0;
  border: 1px solid #4d58f0;
}

.login .form .code-box .code-btn, .register .form .code-box .code-btn, .free-trial .form .code-box .code-btn.disable {
  cursor: not-allowed;
}

.login .form .code-box .code-btn, .register .form .code-box .code-btn, .free-trial .form .code-box .code-btn.disable:hover {
  border: 1px solid #d9d9d9;
  color: #666;
}

.login .form .btn-box .common-btn-2, .register .form .btn-box .common-btn-2, .free-trial .form .btn-box .common-btn-2 {
  font-size: 16px;
  width: 100%;
  color: #fff;
  background-color: #4d58f0;
}

.login .form .agreement, .register .form .agreement, .free-trial .form .agreement {
  font-size: 11px;
  text-align: center;
  padding: 0px;
}

.login .error-msg, .register .error-msg, .free-trial .error-msg {
  display: none;
  position: absolute;
  color: red;
  font-size: 12px;
}

.login, .free-trial {
  height: 900px;
}

.login .form, .free-trial .form {
  padding: 40px 0 0;
}

.login .form h1, .free-trial .form h1, .login .form p, .free-trial .form p, .login .form #free-trial-form, .free-trial .form #free-trial-form {
  padding: 0 45px;
}

.login .form .form-item .input-box, .free-trial .form .form-item .input-box {
  width: 100%;
}

.login .form h1, .free-trial .form h1 {
  font-size: 24px;
  font-weight: 700;
  color: #4d58f0;
}

.login .form .phone-box, .free-trial .form .phone-box {
  display: flex;
  align-items: center;
  margin-top: 40px;
  background-color: #f5f5f5;
  justify-content: space-between;
  padding: 10px 30px;
  border-radius: 0 0 10px 10px;
}

.login .form .phone-box .phone, .free-trial .form .phone-box .phone {
  text-align: right;
  color: #4d58f0;
  font-size: 16px;
  vertical-align: middle;
}

.free-trial {
  background: url('../../img_en/free-trial/0.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#form-success {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2000;
  display: none;
  justify-content: center;
  align-items: center;
}

#form-success .dailog {
  background: #ffffff;
  box-shadow: 0px 12px 42px 0px rgb(38 38 38 / 24%);
  border-radius: 4px;
  padding: 15px;
  font-size: 14px;
  margin: 20px;
}

#form-success .title {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#form-success .title .right {
  font-size: 18px;
  color: green;
}

#form-success .title #dailog-close-btn {
  cursor: pointer;
}

#form-success .content {
  padding: 15px 0 15px 33px;
  color: #666;
}

#form-success .btn-box {
  text-align: right;
}

#form-success .common-btn-2 {
  background: #4d58f0;
  color: #ffffff;
  padding: 0 20px;
}

.news-article .banner {
  padding: 60px 0 80px;
  background-color: #f8f9fa;
}

.news-article .banner .container {
  background: #fff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.news-article .banner .container .tittle-box {
  margin-bottom: 40px;
}

.news-article .banner .container .tittle-box h1 {
  font-size: 32px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.4;
  margin-bottom: 20px;
}

.news-article .banner .container h2 {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin: 40px 0 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #3498db;
}

.news-article .banner .container h2:first-of-type {
  margin-top: 0;
}

.news-article .banner .container p {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 20px;
  text-align: justify;
}

.news-article .banner .container img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 30px 0;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.news-article .banner .container .image-description {
  font-size: 14px;
  text-align: center;
  color: #888;
  font-style: italic;
  margin-top: -20px;
  margin-bottom: 30px;
}

.news-article .banner .container .video-container {
  margin: 40px 0;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* === English Site Modernization Layer === */
/* Matches visual style of the main shujiantech.com site */

/* ── Nav text wrapping fix ── */
.header-nav #headerNavbar .nav-item .nav-link,
.header-nav #headerNavbar .nav-item > a.nav-link {
  white-space: nowrap;
}
#headerNavbar .navbar-nav:last-child {
  min-width: 230px;
}

/* ── Nav: force remove ALL border-bottom on nav items ── */
.header-nav #headerNavbar .nav-item {
  border-bottom: none !important;
}
.header-nav #headerNavbar .nav-item .nav-link {
  border-bottom: 2px solid transparent !important;
}
/* Kill the specific :nth-child rule that adds white line to Products/Solutions */
.header-nav #headerNavbar .nav-item:nth-child(2),
.header-nav #headerNavbar .nav-item:nth-child(3),
.header-nav #headerNavbar .nav-item:nth-child(4):hover .nav-link {
  border-bottom: none !important;
  border-bottom-color: transparent !important;
}
/* Only show white underline on hover for dropdown toggles */
.header-nav #headerNavbar .nav-item:nth-child(2):hover > .nav-link,
.header-nav #headerNavbar .nav-item:nth-child(3):hover > .nav-link,
.header-nav #headerNavbar .nav-item:nth-child(4):hover > .nav-link {
  border-bottom: 2px solid #fff !important;
}

/* ── Request Demo button: prevent wrapping ── */
.header-nav #headerNavbar .login-btn {
  white-space: nowrap;
  min-width: 120px;
  text-align: center;
}
.header-nav #headerNavbar .login-btn .nav-link {
  padding: 0 1.2rem;
}
.header-nav #headerNavbar .e-mail {
  white-space: nowrap;
  font-size: 0.8rem;
}

/* ── Global refinements ── */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
section {
  padding: 80px 0;
}
section:nth-child(even) {
  background-color: #f8fafc;
}
section > .container,
.footer .footer-top > .container {
  min-width: 1200px;
}

/* ── Header modernization ── */
#header {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.header-nav {
  background: linear-gradient(135deg, #3b4df0 0%, #4d58f0 40%, #5b42e0 100%);
}
.header-nav #headerNavbar .nav-item .nav-link {
  transition: all 0.25s ease;
}

/* ── Card modernization ── */
.basic-product-1 .product-box,
.home .basic-product .product-box,
.satellite-center .advantage .advantage-list .advantage-item,
.partner .require .col-left,
.partner .require .col-right,
.water-conservancy .advantage .advantage-list .advantage-item,
.insurance-finance .advantage .advantage-list .advantage-item,
.energy-pipe .advantage .advantage-list .advantage-item {
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.basic-product-1 .product-box:hover,
.home .basic-product .product-box:hover {
  box-shadow: 0 8px 30px rgba(77, 88, 240, 0.12);
  transform: translateY(-2px);
}

/* ── Button modernization ── */
.common-btn-1,
.common-btn-2,
.banner-btn {
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 600;
  letter-spacing: 0.01em;
}
.common-btn-1:hover,
.common-btn-2:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(77, 88, 240, 0.3);
}
.banner-btn:hover {
  box-shadow: 0 6px 24px rgba(77, 88, 240, 0.35);
}

/* ── Learn More button: better contrast ── */
.home .basic-product .product-box .product-box-bottom .bottom-btn {
  background: #eef1ff;
}
.home .basic-product .product-box .product-box-bottom .bottom-btn a {
  color: #3b4df0;
  font-weight: 600;
}

/* ── Business product carousel: taller title area ── */
.home .business-product .carousel-inner .detail-box {
  padding: 20px 0;
}
.home .business-product .carousel-inner .detail-box h5 {
  margin-bottom: 16px;
  line-height: 1.5;
  min-height: 3em;
}
.home .business-product .carousel-inner .detail-box .detail {
  min-height: 5em;
}

/* ── Dropdown menu modernization ── */
.header-nav #headerNavbar .nav-item .nav-item-list {
  z-index: 1000 !important;
}
.header-nav #headerNavbar .nav-item .nav-item-list li {
  font-size: 15px;
  line-height: 2.6;
}
.header-nav #headerNavbar .nav-item .nav-item-list a {
  transition: color 0.2s ease;
}
.header-nav #headerNavbar .nav-item .nav-item-list a:hover {
  color: #4d58f0;
}

/* ── Product cards grid: clean card layout ── */
.home .product-apply .apply-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 0;
  padding: 0;
}
.home .product-apply .apply-card {
  list-style: none;
}
.home .product-apply .apply-card a {
  display: block;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.home .product-apply .apply-card a:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(77, 88, 240, 0.15);
}
.home .product-apply .apply-card-img {
  height: 200px;
  overflow: hidden;
}
.home .product-apply .apply-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.home .product-apply .apply-card-body {
  padding: 20px 24px 24px;
}
.home .product-apply .apply-card-body h6 {
  font-size: 16px;
  font-weight: 700;
  color: #171c3c;
  margin-bottom: 8px;
}
.home .product-apply .apply-card-body p {
  font-size: 13px;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

/* Hide old apply-list styles */
.home .product-apply .apply-list {
  display: none;
}

/* ── Pipe inspection banner override ── */
.pipe-inspection .banner {
  background-image: url('../../img_en/pipe-inspection/pipe-banner.jpg') !important;
  background-size: cover;
  background-position: center;
}
.pipe-inspection .banner .content .left {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  padding: 32px;
}

/* ── Product cards grid modernization (old — replaced by new grid above) ── */

/* ── Carousel tab modernization ── */
.basic-product-1 .apply .apply-nav > div,
.home .business-product .business-product-nav > div,
.satellite-center .apply .apply-nav > div,
.product-summary .apply .apply-nav > div,
.apply-summary .apply .apply-nav > div {
  transition: all 0.25s ease;
  cursor: pointer;
  padding: 1.1rem 1.25rem;
  font-size: 1.05rem;
}

/* ── Footer modernization ── */
.footer {
  background: linear-gradient(180deg, #0a1030 0%, #081332 100%);
}
.footer .footer-nav .nav-item h6 {
  font-size: 15px;
  letter-spacing: 0.02em;
  opacity: 0.9;
}
.footer .copyright {
  background-color: #050a1e;
}

/* ── Contact/consult section modernization ── */
.consult {
  border-radius: 0;
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #4d58f0 100%);
}

/* ── Video overlay modernization ── */
.video-box-outside {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 16px 64px rgba(0, 0, 0, 0.4);
}

/* ── Customer service widget: clean rebuild ── */
.customer-service {
  width: 56px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  background: #fff;
}
.customer-service .service-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 56px;
  background: #4d58f0;
  cursor: pointer;
  gap: 2px;
}
.customer-service .service-top img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.customer-service .service-top span {
  font-size: 10px;
  color: #fff;
  line-height: 1;
}
.customer-service .service-bottom {
  background: #fff;
}
.customer-service .service-bottom .service-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 56px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.customer-service .service-bottom .service-item:last-child {
  border-bottom: none;
}
.customer-service .service-bottom .service-item:hover {
  background-color: #f5f6ff;
}
.customer-service .service-bottom .service-item .iconfont {
  font-size: 20px;
  color: #4d58f0;
  line-height: 1;
}
.customer-service .service-bottom .service-item > span:last-of-type {
  font-size: 10px;
  color: #666;
  margin-top: 2px;
  line-height: 1;
}
/* Popup panels */
.customer-service .service-bottom .service-item .phone-box,
.customer-service .service-bottom .service-item .contact-box {
  position: absolute;
  right: 68px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 200px;
  background: #fff;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 13px;
  color: #333;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  white-space: nowrap;
}
.customer-service .service-bottom .service-item .phone-box::after,
.customer-service .service-bottom .service-item .contact-box::after {
  content: '';
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1px;
  border: 8px solid transparent;
  border-left-color: #fff;
}
.customer-service .service-bottom .service-item:hover .phone-box,
.customer-service .service-bottom .service-item:hover .contact-box {
  opacity: 1;
  pointer-events: auto;
}
.customer-service .service-bottom .service-item .phone-box p,
.customer-service .service-bottom .service-item .contact-box p {
  margin-bottom: 4px;
  font-size: 13px;
  color: #333;
  white-space: nowrap;
}
.customer-service .service-bottom .service-item .phone-box .phone {
  font-size: 15px;
  font-weight: 700;
  color: #4d58f0;
  margin-bottom: 0;
}
.customer-service .service-bottom .service-item .phone-box .iconfont {
  font-size: 14px;
  color: #666;
  margin-right: 2px;
}

/* ── Form input modernization ── */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
.form-control {
  border-radius: 8px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
.form-control:focus {
  box-shadow: 0 0 0 3px rgba(77, 88, 240, 0.1);
}

/* ── Sticky nav tab modernization ── */
.sticky-top {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(12px);
}

/* ── Blog/news section modernization ── */
.home .news-activity .content-box {
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.home .news-activity .news-item {
  border-radius: 12px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.home .news-activity .news-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}
.home .news-activity .news-item img {
  border-radius: 10px;
}

/* ── Partner page modernization ── */
.partner .how .row .circle {
  border-color: rgba(77, 88, 240, 0.6);
}
.partner .introduction {
  background: linear-gradient(180deg, #eef6ff 0%, #f8fafc 100%);
}

/* ── About page modernization ── */
.about .tech .info {
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(18, 24, 101, 0.08);
}
.about .val .item {
  border-radius: 12px;
  backdrop-filter: blur(8px);
}
.about .contact .info-box .left .item {
  border-radius: 10px;
  transition: box-shadow 0.25s ease;
}
.about .contact .info-box .left .item:hover {
  box-shadow: 0 4px 16px rgba(77, 88, 240, 0.1);
}

/* ── Resource center modernization ── */
.resource-center .introduction .introduction-list .introduction-item {
  border-radius: 10px;
  transition: all 0.25s ease;
}
.resource-center .introduction .introduction-list .introduction-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* ── Smooth scroll behavior ── */
html {
  scroll-behavior: smooth;
}

/* ── Fix: product-summary SCSS compiler bug ── */
/* Original SCSS compiled ".product-summary, .apply-summary .introduction" as one selector */
/* Reset product-summary to proper block display */
.product-summary .introduction {
  display: block;
  padding: 65px 0;
  background-color: #fff;
}
.product-summary .introduction .col-6,
.product-summary .introduction .col-7,
.product-summary .introduction .col-5 {
  padding-left: 0;
  padding-right: 0;
}
.product-summary .introduction .text-box {
  display: flex;
  align-items: center;
}
.product-summary .introduction:nth-child(odd) .text-box {
  padding-left: 45px;
}
.product-summary .introduction:nth-child(even) .text-box {
  padding-right: 45px;
}
.product-summary .introduction img {
  display: inline-block;
  width: 100%;
}
.product-summary .introduction h3 {
  text-align: left;
  margin-bottom: 20px;
}
.product-summary .introduction .detail {
  margin-bottom: 20px;
}
.product-summary .introduction .btn-box {
  padding-top: 10px;
}
.product-summary .introduction:nth-child(odd) {
  background-color: #fff;
}
.product-summary .introduction:nth-child(even) {
  background-color: #f5f5f5;
}

/* Fix: satellite-center SCSS also had similar descendant bug */
.satellite-center .introduction .row {
  margin-bottom: 110px;
}
.satellite-center .introduction .row .col-6 {
  padding-left: 0;
  padding-right: 0;
}
.satellite-center .introduction .row:nth-child(odd) .info-box {
  padding-right: 50px;
}
.satellite-center .introduction .row:nth-child(even) .info-box {
  padding-left: 50px;
}
.satellite-center .introduction .row:last-child {
  margin-bottom: 0;
}

/* ═══════════════════════════════════════════════════════
   PRODUCT BANNER — per-page backgrounds + architecture cards
   ═══════════════════════════════════════════════════════ */
/* Per-page banner background images */
.remote-sensing-app .banner {
  background-image: url('../../img/remote-sensing-app/banner/bg.png') !important;
}
.weather-app .banner {
  background-image: url('../../img/weather-app/banner/bg.png') !important;
}
.natural-disaster-control .banner {
  background-image: url('../../img/natural-disaster-control/banner/bg.png') !important;
}
.emergency-response .banner {
  background-image: url('../../img/emergency-response/banner/bg.png') !important;
}
.pipe-inspection .banner {
  background-image: url('../../img_en/pipe-inspection/pipe-banner.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* ── Architecture cards: boxed product items ── */
.basic-product-1 .banner .content .right {
  width: 545px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
.basic-product-1 .banner .content .right .basic-card {
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 16px;
  padding: 20px 22px;
}
.basic-product-1 .banner .content .right .basic-card .title {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255,255,255,0.7);
  margin-bottom: 14px;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.basic-product-1 .banner .content .right .basic-card .title2 {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255,255,255,0.7);
  margin-bottom: 14px;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.basic-product-1 .banner .content .right .basic-card .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.basic-product-1 .banner .content .right .basic-card .basic-list,
.basic-product-1 .banner .content .right .basic-card .basic-list2 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.basic-product-1 .banner .content .right .basic-card .basic-list > div {
  flex: 1;
  min-width: 130px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 8px;
  padding: 10px 12px;
  transition: all 0.2s ease;
}
.basic-product-1 .banner .content .right .basic-card .basic-list > div:hover {
  background: rgba(255,255,255,0.22);
  border-color: rgba(255,255,255,0.45);
}
.basic-product-1 .banner .content .right .basic-card .basic-list2 > div {
  flex: 1;
  min-width: 130px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 8px;
  padding: 10px 12px;
  transition: all 0.2s ease;
}
.basic-product-1 .banner .content .right .basic-card .basic-list2 > div:hover {
  background: rgba(255,255,255,0.22);
  border-color: rgba(255,255,255,0.45);
}

/* ── Banner font sizes for English readability ── */
.basic-product-1 .banner .content .left h1 {
  font-size: 34px !important;
  line-height: 1.25 !important;
}
.image-platform .banner .content .left h1,
.remote-sensing-app .banner .content .left h1,
.weather-app .banner .content .left h1,
.natural-disaster-control .banner .content .left h1,
.emergency-response .banner .content .left h1,
.pipe-inspection .banner .content .left h1,
.apply-system .banner .content .left h1 {
  font-size: 36px !important;
  line-height: 1.25 !important;
}
.basic-product-1 .banner .content .left .sub-title-1 {
  font-size: 15px !important;
  line-height: 1.6 !important;
}
.basic-product-1 .banner .content .left .sub-title-1:first-of-type {
  font-size: 20px !important;
  font-weight: 500 !important;
}
/* Device tag line: smaller */
.image-platform .banner .content .left .sub-title-1,
.remote-sensing-app .banner .content .left .sub-title-1,
.weather-app .banner .content .left .sub-title-1,
.natural-disaster-control .banner .content .left .sub-title-1,
.emergency-response .banner .content .left .sub-title-1,
.pipe-inspection .banner .content .left .sub-title-1 {
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* ── Fix: basic-product-1 advantage layout ── */
.basic-product-1 .advantage .advantage-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.basic-product-1 .advantage .advantage-list .advantage-item {
  width: 275px;
  padding: 30px;
  box-shadow: 0 2px 12px rgba(77, 88, 240, 0.08);
  border-radius: 14px;
  background: #fff;
  margin-right: 0;
}
.basic-product-1 .advantage .advantage-list .advantage-item > div img {
  display: inline-block;
  margin-bottom: 10px;
}
.basic-product-1 .advantage .advantage-list .advantage-item .detail {
  word-wrap: break-word;
  margin-bottom: 0;
}

/* ── Fix: basic-product-1 introduction sections ── */
.basic-product-1 .introduction {
  padding: 65px 0;
}
.basic-product-1 .introduction:nth-child(odd) {
  background-color: #fff;
}
.basic-product-1 .introduction:nth-child(even) {
  background-color: #f5f5f5;
}
.basic-product-1 .introduction .col-7,
.basic-product-1 .introduction .col-5 {
  padding-left: 0;
  padding-right: 0;
}
.basic-product-1 .introduction .col-5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.basic-product-1 .introduction:nth-child(odd) .col-5 {
  padding-right: 45px;
}
.basic-product-1 .introduction:nth-child(even) .col-5 {
  padding-left: 45px;
}
.basic-product-1 .introduction img {
  display: inline-block;
  width: 100%;
}
.basic-product-1 .introduction h3 {
  text-align: left;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
}
.basic-product-1 .introduction h5 {
  margin-bottom: 0;
  display: inline-block;
  color: #212529;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 1.5;
}
.basic-product-1 .introduction .detail {
  margin-bottom: 20px;
}
.basic-product-1 .introduction .btn-box {
  padding-top: 10px;
}
.basic-product-1 .introduction .row {
  display: flex;
  align-items: center;
}