
.solution_center_allWidth{
  position: relative;
  
  height: 100%;
}
.solution_center{
  position: relative;
  padding-top:129px;
  margin-top:72px;
  height:540px;
  box-sizing: border-box;
  background: #F7FBFD;
}
.solution_center .line{
  margin-top:12px;
  margin-bottom:24px;
  width: 28px;
  height: 3px;
  background: linear-gradient( 90deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%), #D8D8D8;
}
.solution_center .title{
  margin-bottom:40px;
  font-weight: 500;
  font-size: 38px;
  color: #3C4454;
  line-height: 53px;
}
.solution_center .content{
  font-weight: 400;
  font-size: 18px;
  color: rgba(60,68,84,0.8);
  line-height: 28px;
  letter-spacing: 1px;
}
.career_content .content{
  width:620px;
  
}
.school_content .content{
  width:510px;
  
}
.province_content .content{
  width:400px;
  
}
.solution_tip{
  font-weight: 500;
  font-size: 32px;
  color: rgba(60,68,84,0.88);
  line-height: 45px;
}
.solution_center .imageUrl{
  transform: scale(0.7);
  transform-origin: top center;
  width: 864px;
  height: 542px;
  position: absolute;
  
  right: 0px;
  bottom: -100px;
}
.solution_center_school_table{
  padding-top:76px;
  padding-bottom:80px;
  background: #F5F7F8;
}
.solution_center_career_table{
  padding-top:76px;
  padding-bottom:80px;
  background: #F5F7F8;
}
.solution_center_school_table .solution_center_background{
  margin-top:36px;
  width: 100%;
  height: 885px;
  background:url(../upload/images/2025/3/aa1c3045c6f06771.png) no-repeat;
  background-size: 100% auto;
}
.solution_center_career_table .solution_center_background{
  margin-top:36px;
  width: 100%;
  height: 1045px;
  background:url(../upload/images/2025/5/5917476e1491490e.png) no-repeat;
  background-size: 100% auto;
  
}
.functional_app{
  padding-top:116px;
  padding-bottom:120px;
  background: #FFFFFF;
}
.app_box{
  margin-top: 47px;
  overflow: hidden; 
}
.app_box ul {
  margin: 0 -30px; /* 通过负边距抵消左右padding */
  padding: 0;
  list-style: none;
}






.app_box ul li {
  float: left;
  width: 240px;
  height: 226px;
  margin: 30px; /* 这里的边距将作为li之间的间距 */
  padding: 18px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #C6CBCD;
  text-align: center; /* 为了内容居中，如果适用 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow:hidden;
}





/* 清除浮动 */
.app_box ul::after {
  content: "";
  display: table;
  clear: both;
}
.app_box ul li a:first-child{
  text-align: center;
}
.app_box ul li:hover{
  align-items:unset;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(139deg, rgba(79, 182, 199, 1), rgba(100, 187, 86, 1));
}
.app_box ul li img{
  width: 48px;
  height: 48px;
}
.app_box ul li .app_title{
  margin-top: 38px;
  font-weight: 400;
  font-size: 19px;
  color: #1F1F1F;
  line-height: 27px;
}
.app_box ul li .app_content{
  display:none;
  font-weight: 400;
  font-size: 14px;
  color: #3C4454;
  line-height: 20px;
}
.app_box ul li:hover .app_content{
  display:block;
}
.app_box ul li:hover .app_title{
  margin-top: 9px;
  margin-bottom: 7px;
  background: linear-gradient(0deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.school_box{
  margin-top: 47px;
}
/*.school_box ul{
display: flex;
flex-wrap: wrap;
gap: 79px;
}
.school_box ul li{
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding:34px 45px 0px;
width: 427px;
height: 436px;
border-radius: 10px;
border: 1px solid transparent;
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
background-image: linear-gradient(to right, #fff, #fff), linear-gradient(135deg, rgba(76, 181, 215, 1), rgba(103, 187, 70, 1), rgba(105, 187, 58, 1));

}*/
.school_box ul{
  overflow:hidden;
}
.school_box ul li{
  float:left;
  margin-right:79px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding:34px 45px 0px;
  width: 427px;
  height: 436px;
  border-radius: 10px;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(135deg, rgba(76, 181, 215, 1), rgba(103, 187, 70, 1), rgba(105, 187, 58, 1));
  
}
.school_box ul li:last-child{
  margin-right: 0px;
}
.school_box ul li img{
  
  margin-bottom: 10px;  width: 64px;
  height: 64px;
}
.school_box ul li .school_title{
  font-weight: 500;
  font-size: 28px;
  color: #3C4454;
  line-height: 40px;
  text-align: center;
  font-style: normal;
  background: linear-gradient(0deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.school_box ul li .text_box{
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 138px;
  width:100%;
  border-bottom: 1px solid #60BA6F;
}
.school_box ul li .school_content p{
  
  margin-bottom: 19px;
  font-weight: 400;
  font-size: 22px;
  color: #3C4454;
  line-height: 30px;
  text-align: center;
}
.school_box ul li .school_content p:last-child{
  margin-bottom: 0px;
}
.school_box ul li .school_content{
  margin-top: 30px;
}

.solution_tip_white{
  font-weight: 500;font-size: 32px;
  color: rgba(255,255,255,0.88);
  line-height: 45px;
}
.product_background{
  padding-top:76px;
  width: 100%;
  height: 753px;
  background:url(../upload/images/2024/8/80160a831ff51ac5.png) no-repeat;
  background-size: 100% 753px;
  box-sizing: border-box;
}
.product_background .product_box{
  margin-top: 76px;
  display:flex;
  gap:48px;
}
.product_background .product_box >div{
  width:324px;
  height:334px;
}
.product_background .product_box >div:nth-child(1){
  background:url(../upload/images/2024/8/c7b617ddcafa0f4f.png) no-repeat;
  background-size: 324px 334px;
}
.product_background .product_box >div:nth-child(2){
  margin-top: 87px;
  background:url(../upload/images/2024/8/6743791e0c43fc0e.png) no-repeat;
  background-size: 324px 334px;
}
.product_background .product_box >div:nth-child(3){
  background:url(../upload/images/2024/8/d71fc30aa29bb628.png) no-repeat;
  background-size: 324px 334px;
}
.product_background .product_box >div:nth-child(4){
  margin-top: 87px;
  background:url(../upload/images/2024/8/c85362c4b349e79d.png) no-repeat;
  background-size: 324px 334px;
}
.education{
  padding:116px 0;
  
}
.education_box{
  margin-top: 48px;
}
.education  .education_box ul{
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
}
.education  .education_box ul li{
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding:46px 33px 0;
  width: 702px;
  height: 308px;
  border-radius: 11px;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(139deg, rgba(79, 182, 199, 1), rgba(100, 187, 86, 1));
  
  
  
}
.education  .education_box ul li .education_title{
  margin-bottom:33px;
  font-weight: 500;
  font-size: 28px;
  color: #3C4454;
  line-height: 40px;
  background: linear-gradient(44.30306481552901deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.education  .education_box ul li .education_content p{
  margin-bottom:24px;
  font-weight: 400;
  font-size: 19px;
  color: #3C4454;
  line-height: 26px;
}

.education .education_box ul li .education_content p::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color:#8396AB;
  border-radius: 3px; 
  margin-right: 8px;
  vertical-align: middle; 
}
.inner-comment-content {
  white-space: nowrap;
}
.program-features-container {
  width: 100%;
  height: 942px;
  position: relative;
  margin: 0 auto;
  
}
.program-features-bgImg {
  width: 100%;
  height: 366px;
  position: absolute;
  background:url(../upload/images/2024/8/b368a05a4822bc15.png) no-repeat;
  background-size: cover;
}
.program-features-title {
  position: relative;
  margin: 0 auto;
  width: 1616px;
  
  font-size: 32px;
  color: rgba(255,255,255,0.88);
  line-height: 32px;
}
.program-features-title > h5 {
  padding: 76px 88px 57px 88px;
  margin: 0;
  font-weight: 500;
  font-size: unset;
}
.program-features-swiper {
  display: flex;
  align-items: center;
  width: 1616px;
  height: 648px;
  margin: 0 auto 116px;
}
.typicalCase-container {
  padding: 5px;
  height: 100%;
  width: 1440px;
  margin: 0 auto;
  overflow:hidden;
}
.typicalCase-container .swiper-slide{
  
  height: calc((100% - 40px) / 2) !important;
  
}
.program-features-swiper-container {
  width: 1440px;
}
.program-features-swiper-content {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  width: 702px;
  box-sizing: border-box;
  
}
.program-features-swiper-content-item {
  padding: 46px 48px 63px 33px;
  width: 702px;
  height: 308px;
  background: #FFFFFF;
  box-shadow: 0px 0px 11px 0px rgba(7,93,160,0.08);
  border-radius: 11px;
  box-sizing: border-box;
}
.program-features-swiper-content-item-title {
  margin-bottom: 33px;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  background-image: linear-gradient(44deg, #4CB6D7 0%, #67BB46 47%, #67BB46 100%);
  -webkit-background-clip: text;  
  background-clip: text;
  color: transparent;
}
.newprogram-features-swiper-content-item-title {
  margin-bottom: 33px;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
}

.program-features-swiper-content-item-content {
  font-weight: 400;
  font-size: 19px;
  color: #3C4454;
  line-height: 19px;
}
.program-features-swiper-content-item-content > p {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.program-features-swiper-content-item-content > p:last-child{
  margin-bottom: 0;
}
.program-features-swiper-content-item-content p::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #8396AB;
  margin-right: 8px;
  vertical-align: middle;
}
.comment-prev ,.evaluate-prev {
  background: url(https://static.yzl.ltd/common/www.zhijiao361.com/comment-prev.png)  repeat-y center top;;
  
}
.comment-prev:hover,.evaluate-prev:hover{
  background: url(../upload/images/2024/8/ff90c401814d322c.png)  repeat-y center top;;
  
}
.comment-arrow {
  width: 35px;
  height: 30px;
  cursor: pointer;
}
.comment-next,.evaluate-next{
  background: url(https://static.yzl.ltd/common/www.zhijiao361.com/comment-next.png)  repeat-y center top;
  
}
.comment-next:hover,.evaluate-next:hover {
  background: url(../upload/images/2024/8/67c610fd536853c3.png) repeat-y center top;
  
}
.certifyBox{
  display: flex;
  align-items: center;
  width:1616px;
  margin: 0 auto;
}
#certify {
  
  position: relative;
  overflow: hidden;
  width: 1440px;
  margin: 92px auto 0;
  padding-bottom:147px;
}
#certify .swiper-slide {
  position: relative;
  width:1168px;
  height: 412px;
  box-sizing:border-box;
  opacity: 0;
}
* html #certify .swiper-slide {  
  opacity: 1;
}
#certify .swiper-slide-active {
  opacity: 1;
}
#certify .swiper-slide-prev {
  opacity: 0.4;
}
#certify .swiper-slide-next {
  opacity: 0.4;
}
#certify .swiper-slide .school_logo{
  display: block;
  width:66px;
  height:66px;
  
}
#certify .swiper-pagination {
  position: relative !important;
  margin-top: 30px;
  height: 10px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #00aadc;
  background-color: #fff;
}
#certify .swiper-button-prev {
  left: 0;
  width: 80px;
  font-size: 30px;
  text-align: center;
  line-height: 80px;
  height: 80px;
  background: inherit;
  background-color: rgba(242, 242, 242, 1);
  border: none;
}
#certify .swiper-button-next {
  right: 0;
  font-size: 30px;
  text-align: center;
  line-height: 80px;
  width: 80px;
  height: 80px;
  background: inherit;
  background-color: rgba(242, 242, 242, 1);
  border: none;
}
/* 轮播项样式 */
#certify .swiper-container .swiper-wrapper {
  display: flex;
  align-items: center;
}
.swiper-container{
  margin: 0 auto;
  width:100%;
  height: 420px;
  
}
.com_wrap {
  position: relative;
  width: 1168px;
  height: 412px;
  background: #FFFFFF;
  box-shadow: 0px 0px 9px 0px rgba(119,132,141,0.16);
  border-radius: 11px;
}

.com_wrap .codeImg{
  
  position: absolute;
  
  display: none;
  flex-direction: column;
  justify-content: center;
  
  align-items: center;
  width: 128px;
  height: 128px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E7E7E7;
  right: 48px;
  top: 33px
}
.com_wrap .codeImg img{
  width:105px;
  height:104px;
}
.com_wrap .codeImg span{
  font-weight: 400;
  font-size: 12px;
  color: #8396AB;
  line-height: 17px;
}

.com_wrap_top{
  display:flex;
  
  align-items: center;
  padding:15px 48px;
  width: 100%;
  height: 96px;
  background: linear-gradient( 90deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%), #D8D8D8;
  box-sizing:border-box;
  
  border: 1px solid transparent;      border-radius: 11px 11px 0px 0px;
}
.com_wrap_top .title{
  margin-left:15px;
  font-weight: 500;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 40px;
}
.com_wrap_bottom p{
  font-family: "KaiTi", "楷体", serif;
  font-weight: 400;
  font-size: 24px;
  color: #3C4454;
  line-height: 40px;
}
.com_wrap_bottom {
  padding:51px 51px 36px 48px;
}
.com_wrap_end{
  margin-top: 10px;
  display: flex;
  align-items: end;
  justify-content: flex-end;
}
.com_wrap_end .author{
  margin:0 12px;
  font-weight: 400;
  font-size: 24px;
  color: #3C4454;
  line-height: 33px;
}
.com_wrap_end .source{
  font-weight: 400;
  font-size: 14px;
  color: #8396AB;
  line-height: 20px;
}
.com_wrap_end .line{
  width: 45px;height: 2px;
  background: #D8D8D8;
  
}
.com_wrap_end .com_wrap_end_left{
  display: flex;
  align-items: center;
}
.province_background{
  
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 165px;
  font-weight: 500;font-size: 38px;
  color: #FFFFFF;
  line-height: 53px;
  background:url(../upload/images/2024/8/494a6db42b9e2955.png) no-repeat;
  background-size: 100% 165px;
  box-sizing: border-box;
  
}
