﻿@charset "utf-8";

/* CSS Document */

/* 2025.6.30 */


.keyan-view{
	    background: #ecf5fe;
border-radius: 30px;    padding:30px  58px;    margin-top: 50px;
}

.keyan-ul{
	margin:40px 0 60px;
	overflow: hidden;
}
.keyan-ul .ke-li1{
	padding:80px 20px 0;
	background: linear-gradient(to bottom, #9b94ff, #9eaafc, #a1c5f9) ;
	width:calc(20% - 20px);
	margin-right: 20px;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
	min-height: 580px;
	transform: skewY(-2deg);
	float: left;
   /*background-image:linear-gradient(to bottom, #9b94ff, #9eaafc, #a1c5f9), url(../images/teach1.png) ; 	
   background-size: cover;*/
}

.keyan-ul .ke-li1 .ke-img{
	position: absolute;
	right: 0px;
	bottom: 0px;
	
}
.keyan-ul .ke-li1 .ke-img img{
	border-bottom-right-radius: 80px;
}

.keyan-ul .ke-li1 h4{
	font-size: 24px;
	color: #131431;
}
.keyan-ul .ke-li1 h4 span{
	display: inline-block;
	color: #555aff;
	font-size: 16px;
	padding-left: 22px;
	
}

.keyan-ul .ke-li1 .ke-lip{
	
}
.keyan-ul .ke-li1 .ke-lip p{
	margin-bottom: 0;
	font-size: 14px;
	color: #434251;
	line-height: 25px;
	
}



.keyan-view h4{
	font-size: 24px;
	color: #555aff;
	font-family: 'AlibabaPuHuiTi-2-75-SemiBold';
	line-height: 48px;
text-align: left;
	/*background: radial-gradient(circle, #eaebfa, #f1f3fd,  #f7f9fe);
	背景渐变*/
	
}

.keyan-vpp{
	
}
.keyan-vpp p{
	font-size: 16px;
	color: #131431;
	margin: auto;
	text-align: left;
	line-height: 32px;
}
.keyan-vpp p strong{
	font-size: 18px;	
}

/*新闻列表*/

.pic-ban{
	
}
.pic-ban img{
	border-radius: 10px;
	
}
.pic-ban .swiper-container{
	border-radius: 10px;
}
.pic-ban .swiper-pagination {
	width: 100%;
	bottom: 10px;
	text-align: center;
	left: 0%;
	z-index: 1;
}

.pic-ban .swiper-container .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #999;
    cursor: pointer;
    opacity: 1;
    border-radius: 100%;
    margin-right: 13px;
}

.pic-ban .swiper-container .swiper-pagination-bullet-active {
    background: #fff;
    
}

.pic-con{
    margin-top: 10px;	
}

.pic-top{
	display: flex;
	
}
.pic-top .pic-search{
	display: inline-block;
	margin-right: 20px;
}
.pic-search{
	
	border:1px solid #ddd;
	border-radius: 5px;
	height: 44px;
	
}

.pic-search .inp-text{
	padding-left: 12px;
	width: 185px;
	hei.pic-ul-list .pic-liimg{
	width: 320px;
	border-radius: 10px;
}ght: 42px;
    line-height: 42px;	
	background: none;
	border: none;
}
.pic-search .inp-text input.inp-text{
	padding: 0;
	width: 100%;
	
}
.pic-search .inp-but{
	background: none;
	border: none;
	width: 32px;
	height: 44px;
    background: url(../images/search1.svg) no-repeat right center;
    margin-right: 10px;
    background-size: 20px 23px;
}
.pic-search .inp-but input.inp-but{
	cursor: pointer;
	width:100%;	
}
.pic-top .pic-select{
	display: inline-block;
   
	width: 200px;
	height: 44px;

	padding: 0 20px;
	border:1px solid #ddd;
	border-radius: 5px;
}
.pic-top .pic-select select{
    width: 160px;
	border: none;
	background: none;
	height: 44px;
    
}
.pic-ul-list{
	
	margin-top:55px;
	
}
.pic-ul-list .pic-li{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: flex-start;
	padding-left: 150px;
	padding-bottom: 40px;
}
.pic-ul-list .pic-li::after{
	content: "";
	width: 1px;
	height: 100%;
	background: #d3d4ff;
	position: absolute;
	left: 116px;
	top: 0px;
	
}
.pic-ul-list .pic-li::before{
	content: "";
	width: 7px;
	height: 7px;
	background: #a0a4ff;
	position: absolute;
	left: 113px;
	top: 0px;
	border-radius: 100%;
	z-index: 11;
}
.pic-ul-list .pic-li span{
	font-size: 14px;
	color: #131431;
	display: block;
	position: absolute;
	left: 0px;
	top: -4px;
	
}
.pic-ul-list .pic-liimg{
	width: 320px;
	border-radius: 10px;
}
.pic-ul-list .pic-liimg img{
	border-radius: 10px;
    height: 150px !important;
    object-fit: cover;
    width: 100%;
}

.pic-ul-list .pic-litt{
	width: calc(100% - 320px );
	padding-left: 30px;
}
.pic-ul-list .pic-litt h3{
	font-size: 24px;
	color: #131431;
	font-family:  'AlibabaPuHuiTi-2-85-Bold';
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 1.4;
	    overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
	    margin-top: -5px;
	
}
.pic-ul-list .pic-litt p{
	color: #131431;
	
}
.pic-ul-list .pic-litt i{
	font-style: normal;
	color: #fff;
	background: #555aff;
	border-radius: 16px;
	line-height: 35px;
	display: inline-block;
	padding: 0 15px;
}
.pic-ul-list .pic-litt i img{
	padding-left: 5px;
}

.pic-ul-list .modal{
	/*background: rgba(10,10,40,0.7);*/
	padding-right:  0 !important;
}

.pic-ul-list .modal-dialog{
	max-width: 100%;
	background: rgba(10,10,40,0.7);	
        min-height: 100%;
	margin: 0;
	padding: 2rem;
}

.pic-ul-list .modal .modal-header button{
	opacity: 1;
}
.pic-ul-list .modal .modal-header button span{
	right: 0px;
	left: auto;
	color: #fff;
    font-size: 34px;
    opacity: 1;
    font-weight: normal;
	font-family: cursive;
}

.pic-ul-list .modal-content{
	background: none;
	color: #fff;
	border: none;
	max-width: 1200px;
	margin: auto;
}
.pic-ul-list .modal-header{
	border-bottom: none;
	text-align: left;
	display: block;
	padding-right: 0;
}

.zhao-top{
	margin-bottom: 30px;
}

.zhao-top ul{
	padding: 0;
	margin: 0;
}

.zhao-top ul li {
	display: inline-block;	
	cursor: pointer;
	margin-right: 20px;
}

.zhao-top ul li a{
	font-size: 24px;
	color: #606074;
        text-decoration: none;
}

.zhao-top ul li a.selected,.zhao-top ul li a:hover{
	font-weight: bold;
	color: #555aff;	
	border-bottom: 2px solid #555aff;
}


.pic-ul-list11 .pic-li{
	display: block;
	padding-bottom: 60px;
	padding-left: 130px;
}
.pic-ul-list .pic-litt{
	width: 100%;
	
}
.mar0{
	margin-top: 0;
}
.table-one{
	background: #fff;
	border-radius: 10px;
	min-height: 200px;
	margin-bottom: 30px;
	padding: 30px;
	
}
.table-one h3{
	font-weight: bold;
	margin-bottom: 20px;
}
table.tableAA{
	border-radius: 10px;
	border:none;
	position: relative;
	text-align: center;
}
table.tableAA::before {
  content: ""; /* 伪元素必须有内容 */
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border: 1px solid #ccc; /* 边框颜色 */
  border-radius: 10px; /* 应用圆角 */
  pointer-events: none; /* 确保点击穿透 */
}
table.tableAA thead {
	background: #fafafb;
	border:none;
}
table.tableAA thead tr th{
border: none;
	color: #90909d;
font-weight: normal;
}
table.tableAA tr td{
	padding: 20px;
}
 .table-one h3{
	font-size: 24px;
}

/*xiugai*/
													.keyan-renyuan .row{
														background: none;
													    padding: 0px;
													    padding-top: 0px;
													    border-radius: 0px;
													
													 
													}
													.ke-left1{
														
														margin-top: 50px;
														
													}
													.ke-leftbg{
														padding: 30px;
														padding-top: 40px;
														border-radius: 30px;
														padding-bottom: 0px;
													}
													.ke-rli{
														margin-bottom: 60px;
													}
													.ke-right1{
														
														
														
													}
													.ke-rightbg{
														padding: 30px;
														padding-top: 40px;
														border-radius: 30px;
														padding-bottom: 0px;
													}
													.keyan-renyuan .row .ke-rli1{
														    justify-content: space-between;
													}
													.keyan-renyuan .ke-left1 .ke-rli1{
														  background: linear-gradient(to right, #cae0fd, #d4e6fd, #daeafd);
													}
													.keyan-renyuan .ke-right1 .ke-rli1{
														  
													}
.ke-rightbg .ke-rli{
margin-bottom:30px;
}
			.ke-leftbg .ke-rli:nth-child(3),.ke-leftbg .ke-rli:nth-child(4){
margin-bottom: 30px;
}






@media (min-width: 1200px) {


}
@media (max-width: 1450px) {

.keyan-ul .ke-li1 h4 span{
	display: block;
	padding-left: 0;
	padding-top: 5px;
	
}




	
}

@media (max-width: 1400px) {


	
}
@media (max-width: 1300px) {
	
	.pic-ul-list .pic-litt h3{
		font-size: 20px;
	}
	
.table-one h3{
	font-size: 22px;
}	
	
	
}
@media (max-width: 1200px) {

.keyan-ul .ke-li1 h4{
	font-size: 20px;
}

.keyan-ul .ke-li1{
	
    border-top-left-radius: 40px;
   

}
.pic-ul-list .pic-li{
	align-items: flex-start;
}
 .pic-ul-list{
 	margin-top: 35px;
 } 
 .table-one h3{
	font-size: 20px;
}	   
    
    
    
}

@media (max-width: 991px) {

.zhao-top{
	margin-top: 20px;
}

.keyan-ul{
	padding-top: 30px;
	margin-top: 0;
}
.keyan-ul .ke-li1{
	width:calc(50% - 20px);
	margin-bottom: 30px;
	padding: 30px 120px 30px 30px;
	min-height: auto;
	transform: skewY(0deg);
	
}
.keyan-ul .ke-li1 .ke-img img{
	max-width: 80% !important;
	
}
.keyan-ul .ke-li1 .ke-img{
	text-align: right;
}
.keyan-view h4{
	font-size: 20px;
}
.keyan-vpp p strong {
    font-size: 16px;
}

.keyan-vpp p{
	
}

.pic-ul-list .pic-liimg{
	width: 200px;	
}

.pic-ul-list .pic-litt {
    width: calc(100% - 220px);
    padding-left: 10px;
}


.zhao-top ul li{
	font-size: 18px;
}


 .table-one h3{
	font-size: 18px;
}

.keyan-renyuan .row .ke-rli1 .ke-img{
														text-align: right;
														
													}
													.keyan-renyuan .row .ke-rli1 img{
														max-width: 85% !important;
													}
													.ke-left1{
                                                       padding: 0;margin-top: 30px;
													}
.keyan-view{
margin-top: 30px;    margin-right: -15px;
    margin-left: -15px;
}
													.ke-right1{
														padding: 0;
														
													}
													.ke-rli {
													    margin-bottom:50px;
													}
 
}

@media (max-width: 767px) {
  
  .keyan-ul .ke-li1{
	width:100%;
	margin-right: 0;
	
	padding: 30px 140px 30px 30px;
	min-height: auto;
	
	
}
 .keyan-ul{
 	padding-top: 0;
 	margin-bottom: 30px;
 } 
  .keyan-vpp p{
  	line-height: 30px;
  	font-size: 14px;

  }
  
  .pic-ul-list .pic-li{
  	display: block;
  	padding-left: 70px;
  }
  
 .pic-ul-list .pic-liimg{
 	width: 100%;
 } 

.pic-ul-list .pic-liimg img{
 	height: auto !important;
 } 

     .pic-ul-list .pic-litt {
     	margin-top: 20px;
        width:100%;
        padding-left: 0px;
    } 
 .pic-ul-list .pic-litt i{
 	line-height: 30px;
 	font-size: 14px;
 	
 } 
.pic-ul-list .pic-li span{
	        width: 54px;
        letter-spacing: -1px;
}  
.pic-ul-list .pic-li::before{
	left: 53px;
	
}  
.pic-ul-list .pic-li::after{
	left: 56px;
	
} 
.pic-ul-list .pic-litt h3{
	font-size: 17px;
	margin-bottom: 5px;
}

.mo-toptit h4{
	font-size: 16px;
}
.mo-toptit b{
	font-size: 14px;
}
.pic-ul-list .pic-litt h3{
	-webkit-line-clamp:5;
}
  .pic-ul-list11 .pic-litt{
  	margin-top: 0px;
  	
  } 
 .pic-ul-list11 .pic-litt h3{
  	 margin-bottom: 20px;
  	
  }   
 .pic-ul-list11 .pic-li{
 	padding-bottom: 40px;
 } 
    
.zhao-top ul li a{
    font-size: 20px;
}
      .ke-leftbg,.ke-rightbg{
														padding: 20px;
														
													}
													.keyan-renyuan .row .ke-rli1 .ke-img{
														width: 39%;
													}
													    .ke-rli {
													        margin-bottom: 30px;
													    }
.keyan-renyuan .row {
    margin: 0;
}
.keyan-renyuan .row1 {
    margin: 0 -15px;
}
.keyan-view {
        
        margin: 0;margin-top: 20px;
    }

    .ke-rli {
        margin-bottom: 10px;
    }
.ke-leftbg .ke-rli:nth-child(3), .ke-leftbg .ke-rli:nth-child(4) {
    margin-bottom: 10px;
}
.ke-rightbg .ke-rli {
    margin-bottom: 10px;
}
.ke-rightbg h4, .ke-leftbg h4{
        margin-bottom: 10px;
    }
.ke-leftbg, .ke-rightbg {
       border-radius: 20px;
padding-bottom:0px;
    }
.keyan-view{
	
border-radius:20px;    
}

        
}
