.navbar-brand {
    margin-right: 0rem;
    margin-left: 1rem;
}

	/* 分界线上的图标 */
.divider-icon {
  position: absolute;
  left: 0px;             /* 图标距左距离，可按设计调整 */
  /* top: 50%;*/
  transform: translateY(-50%);
  margin-top:-60px;
  width: 100px;
  height: 210px;
  background: url('../img/indexbg1.png') no-repeat left center;
  background-size: contain;
  z-index: 3;
}

.divider-icon2 {
  position: absolute;
  right: 0px;             /* 图标距左距离，可按设计调整 */
  /* top: 50%;*/
  transform: translateY(-50%);
  margin-top:-60px;
  width: 100px;
  height: 210px;
  background: url('../img/indexbg2.png') no-repeat left center;
  background-size: contain;
  z-index: 3;
}

.divider-icon3 {
  position: absolute;
  right: 0px;             /* 图标距左距离，可按设计调整 */
  /* top: 50%;*/
  transform: translateY(-50%);
  margin-top:-60px;
  width: 100px;
  height: 210px;
  background: url('../img/indexbg3.png') no-repeat left center;
  background-size: contain;
  z-index: 3;
}

.divider-icon4 {
  position: absolute;
  left: -30px;             /* 图标距左距离，可按设计调整 */
  /* top: 50%;*/
  transform: translateY(-50%);
  margin-top:-460px;
  width: 100px;
  height: 210px;
  background: url('../img/indexbg4.png') no-repeat left center;
  background-size: contain;
  z-index: 3;
}


blog-section.container{
	max-width:1650px;
	 }	 
	 

	
.plist-section { margin:-50px auto;
	background:#faf9ff;
	 }
	 

.plist-section { margin:-50px auto;
	background:#faf9ff;
	 }
	 


.plist-section .container{
	max-width:1650px;
	 }	 



	 
.plist-section h2{color: #634cb6;
    font-size: 42px;
    font-weight: 600;

    }

.plist-section .col-lg-3 {padding-right: 8px;
    padding-left: 8px;}

.plist{padding: 40px 20px; border:1px solid #c7bee7; border-radius:16px;}





.plist h3{text-align:left; font-size:36px;}
.plist h4{text-align:left;font-size:21px;color:#634cb6;margin-top:20px;}
.plist p{text-align:left;font-size:21px;color:#333;line-height:1.5;}
.plist-cont{margin-top:10px;height:295px;}





.plist-cont li{text-align:left;font-size:21px;margin:5px 0;line-height:1.85;}
.plist-cont li img{height:18px; margin-right:10px; position:relative;top:-2.5px;}
.plist-cont-ad li{font-size:18px;margin:0;line-height:1.85;position: relative; text-indent:18px;}
 
.plist-cont-ad li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #000; /* 小圆点的颜色 */
}

.plist .default-btn {background-color: #634cb6; font-size:16px; font-weight:400;border-radius:8px;}
.plist .default-btn:hover {background-color: #fcc149; }


.plist .cont-ad-btn {background-color: #fcc149; color: #333;}
.plist .cont-ad-btn:hover {background-color: #634cb6; color: #fff;}

.plist:hover h3 {
	color: #333;
}
.plist:hover p {
	color: #333;
}




.blog-section .container {max-width:1150px;}
.blog-section .section-title {position:relative;}
.blog-section .section-title h2 {color: #333;
    font-size: 56px;
    font-weight: 600; text-align:left;}
.blog-section .section-title p {color: #634cb6;font-size: 18px;text-align:left;}
.blog-section .section-title img.blogico-1 {position:absolute;right:50px;top:30px; width:100px;}

.blog-single-item {border:1px solid #c7bee7; border-radius:12px; padding:5px 0 0; height:190px;}

.blog-single-item .blog-description .blog-content .blog-btn {text-align:left; margin-top:0;}

.blog-single-item .blog-description .blog-content .blog-btn .blog-btn-one{color:#000;}

.blog-single-item .default-btn {background-color: #fcc149; font-weight:400;border-radius:8px; padding:5px 15px; }
.blog-single-item .blog-description .blog-content h3 {margin-top:20px;text-align:left; font-size:18px;max-height:60px; overflow:hidden;  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;}

.blog-single-item:hover {background-color: #634cb6;}
.blog-single-item:hover .blog-description .blog-content h3{color:#fff; }



.blog-single-item  .blog-type-btn {
    display: inline-block;
    font-size: 18px;
    color: #000;
    background-color: #fcc149;
	border-radius: 6px;
	padding:8px 20px;
	

}

.blog-single-item:hover .blog-type-btn {background-color: #fff;color: #333;}



.blog-section .blog-btn-more{background-color: #fcc149; color: #333;font-size: 18px; font-weight:400;border-radius:8px;}

.blog-section .blog-btn-more:hover, .blog-section .blog-btn-more:hover span {background-color: #634cb6; color: #fff;}


.footer-main-area .container  {max-width:1230px;}


.blog-section .col-md-4 {padding-right:10px; padding-left:10px;}


.logo-desc{max-width:380px;}


@media only screen and (max-width: 1601px) {
	
	.trionix-nav .navbar .navbar-nav .nav-item a {
		font-size: 1.1rem;
	}
	
	
	blog-section.container{
		max-width:1430px;
		 }	 
		 
	.plist-section .container{
		max-width:1430px;
		 }	

.plist h4{font-size:18px;margin-top:20px;}
.plist p{font-size:18px;}		 
.plist-cont li{font-size:18px;margin:5px 0;}

}	
@media only screen and (max-width: 1401px) {
	
	.divider-icon {
	left: -30px;
	width: 60px;
	
	}
	.divider-icon4 {
	left: -30px;
	width: 60px;
	
	}
	
	.divider-icon2, .divider-icon3 {
	 
	width: 60px;
	
	}
	
	.plist .default-btn {
	 padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
			 
	}
	
	
.about-area .container, .blog-section .container {
    position: relative;
    z-index: 1;
    max-width: 90%;
    margin: 0 auto;
}

.footer-main-area .container {
    position: relative;
    z-index: 1;
    max-width: 90%;
    margin: 0 auto;
}

.footer-logo img {
    width: 20vw;
}
	

}	


@media only screen and (max-width: 1201px) {

.plist-cont li {
     
    font-size: 16px;
     
}

 .plist-cont-ad li {
    font-size: 15px;
 }
 
 .divider-icon {
	 margin-top:-30px;
	
	}

.blog-section .section-title h2 {
   
    font-size: 42px;
     
}

.blog-single-item {
    border: 1px solid #c7bee7;
    border-radius: 12px;
    padding: 5px;
}

.divider-icon4 {
        
        width: 50px;
		 
    }

.logo-desc{max-width:100%;}


}	



@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
	

	
}

@media only screen and (max-width: 1441px) {
    .trionix-nav .navbar .navbar-nav .nav-item a {
        font-size: 0.95rem;
        margin-left: 5px;
        margin-right: 5px;
    }
 
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
	
   .trionix-nav .navbar .other-option a.h3 {
    position: relative;
    top: 0px;
    font-size: 21px;
	}
	
	.trionix-nav .navbar .other-option .btn-join {
    top: -1px;
    padding: 8px 15px;
	}
	
	.trionix-nav .navbar .other-option img {
    height: 32px;
    padding: 0 10px;
	}
	.trionix-nav .navbar .other-option .default-img {
    position: relative;
    top: -2px;
}

.trionix-nav .navbar .navbar-nav .nav-item {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 0;
}
	
}


 
  .scontainer {max-width: 1646px; margin: 0px auto; overflow: hidden; }
  .banner-slider {max-width: 1646px; width: 100%; height: 710px; overflow: hidden; }
  .banner-slider swiper-slide img {width: 100%; height: auto; object-fit: cover; display: block;}

  .slides {
    display: flex;
    transition: transform 0.6s ease;
    width: 100%;
  }
  
  .slides img{border-radius:0;}

  /* 导航点 - 右侧垂直居中 */
	.dots {
	  position: absolute;
	  top: 50%;
	  right: 20px;           /* 调整距离右侧的间距 */
	  transform: translateY(-50%);
	  display: flex;
	  flex-direction: column; /* 垂直排列 */
	  gap: 18px;
	}


  /* 所有导航点：空心圆 + 外环 */
.dots .dot {
  position: relative;
  width: 16px;
  height: 16px;
  /*border: 2px solid rgba(255, 255, 255, 0.4);*/
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}

  /* 所有点的外环 */
.dots .dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;            /* 外环尺寸略大 */
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.4); /* 柔和外环 */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

/* 当前激活点：填充圆 + 高亮外环 */
.dots .dot.active {
  background: #fff;
}

.dots .dot.active::after {
  border-color: #fff;     /* 焦点更亮 */
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1); /* 略放大 */
}






.footer-area  .col-lg-4,  .footer-area .col-lg-2{ margin-right:0%;}

.footer-area  .foot-logo {
        margin-right:6%;
    }
  
  
  @media only screen and (max-width: 1641px) {
	
	.banner-slider { height: 660px; }
	
	.contact-information-box-3 .contact-info p {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
	}
	  

}

 @media only screen and (max-width: 1441px) {
	
	.banner-slider { height: 580px;  }
	  

}


 @media only screen and (max-width: 1281px) {
	
	.banner-slider { height: 500px;   }
	  

}

 @media only screen and (max-width: 991px) {
	
	.banner-slider { height: 480px;  }
	.section-padding {
		padding: 60px 0;
		}
	.single-footer-widget p {
    font-size: 18px;
    color: #333;
    max-width: 100%;
}	 

}



.plist .toggle-btn {display:none;}


 @media only screen and (max-width: 761px) {
	 
	 .trionix-responsive-nav .trionix-responsive-menu.mean-container .mean-nav ul li a {
        font-size: 24px;
    }
	
		.footer-area .foot-logo {
		margin-right: 0;
		}	

	.single-footer-widget p {
        font-size: 21px;
        color: #333;
        max-width: 100%;
    }
	
	
	.banner-slider { height: 600px; }
	
	 /* 导航点 - 右侧垂直居中 */
	.dots {
	  position: absolute;
	  top: 280px
	  }
	 .section-padding {
		padding: 0px 0;
		}
		
	
	
	.about-content-text p {     
		font-weight: 400;    
		}
	
	.about-content .about-features-list li{
	width:45%;
	}
	.about-content .about-features-list li:nth-child(2n){
	width:55%;
	}
	
	.divider-icon {display:none;}
	
	.plist-section {
    margin: 50px auto;
    background: #faf9ff;
	}
	
	.plist {
    padding: 20px 20px;
    border: 1px solid #c7bee7;
    border-radius: 16px;
		}

		.plist .toggle-btn {
			background: none;
			border: none;
			font-size: 1.45rem;
			cursor: pointer;
			color: #333;
			position: absolute;
			right: 20px;
			top:21px;
			display:block;
		}



		 .pist-text {
			transition: max-height 0.3s ease;
			max-height: 0; /* 默认收起 */
			overflow: hidden;
		}

		.pist-text.collapsed {
			max-height: 1000px;
			overflow: hidden;
		}

		.foot-mob {width:50%;}

		.copyright-area p {
			color: #333;
			font-size: 12px;
			text-align: center;
		}
		
		.footer-area .foot-logo {
			margin-right: 0;
			padding:0;
			}
	
			.footer-logo img {
			width: 66vw;
		}
		
		.single-footer-widget .footer-heading h3 {
		font-size: 24px;
		}
		
		.single-footer-widget .footer-quick-links li a {
		display: inline-block;
		color: #333;
		font-size: 21px;
		font-weight: 400;
		}
		.single-footer-widget .footer-info-contact span {
		font-size: 21px;
		}
		

} 



 /* 父容器：确保三横线垂直居中排列 */
.mean-container a.meanmenu-reveal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px; 
   
  border:1px solid #fcc14b;
  padding:6px 4px;
  border-radius: 5px;
  
}



 /* Public 25-11-26 Tomist */
 
 

.help-tags a {
    display: inline-block;
    color: #634cb6;
    font-weight: 400;
    font-size: 18px !important;
    padding: 3px 16px;
    border: 1px solid #c3bbea;
    background: #fff;
   
	line-height:42px;
    margin-right: 6px;
	border-radius:5px;
}
.help-tags a:hover, .help-tags a.active {
    color: #ffffff;
    background-color: #634cb6;
    border-color: #634cb6;
}


.workend {margin-top:20px; margin-bottom:60px;}

.workend .page-numbers {box-shadow:none; border:1px solid #333;border-radius: 6px;}

 
 
 
.mean-container a.meanmenu-reveal span {
    background:#313131;
    border-radius: 1px;
}

.pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus {
    background: #fcc149; color:#333; border:1px solid #faf9ff;box-shadow:none;	
	
	-webkit-transition: 0.4s;
	transition: 0.4s;

 
}



.ppbtns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;          /* 允許換行 */
    margin-top: 60px;
}

.ppbtns .prev-btn,
.ppbtns .next-btn {
    width: 48%;               /* 左右各占一半 */
}

.ppbtns .next-btn {text-align:right;}

.ppbtns .back-btn {
    width: 100%;              /* 佔滿換行 */
    text-align: center;       /* 置中 */
    margin-top: 12px;
	border-top:1px solid #999;
}


.ppbtns .back-btn a{
	background:#634cb6; color:#fff; padding:5px 32px; border-radius:18px;
	margin-top:40px; font-size:18px;
	
}
.ppbtns .back-btn a:hover{
	background:#fcc149;
}
/* 可選：讓 a 看起來更一致 */
.ppbtns a {
    display: inline-block;
    padding: 8px 16px;
}