* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.st_banner{width:100%;}
.st_banner img{width:100%;display: block;}
/*学编程*/
.st_Libox{width:100%;margin:2% 0;overflow: hidden;}
.st_Libox ul{width:100%;margin:2% 0;overflow: hidden;}
.st_Libox ul li{padding:10px;border-radius:10px;width:31.3333%;float:left;margin:1%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.st_Libox ul li img{width:120px;display: block;margin:10px auto;}
.st_Libox ul li p{font-size:15px;color:#333;text-align: center;line-height: 24px;}
/*新趋势*/
.st_xbc{width:100%;margin:2% 0;overflow: hidden;}
.st_title{font-size:30px;text-align: center;line-height:35px;margin:3% auto;font-weight:bold;color:#3C4467;} 
.st_xbc .x_box{width:100%;margin:2% 0;overflow: hidden;}
.st_xbc .x_box .x_li{height:230px;padding:10px;width:48%;float:left;margin:1%;display: flex;justify-content: flex-start;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.st_xbc .x_box .x_li .num{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;color:#fff;border-radius:50px;background:linear-gradient(149deg, #6D9AFA 13%, #3963BC 67%, #244385 92%);}
.st_xbc .x_box .x_li .x_text{width:87%;margin-left:15px;}
.st_xbc .x_box .x_li .x_text h5{line-height:30px;text-align:left;font-size:18px;font-weight:bold;color:#3C4467;margin-bottom:10px;}
.st_xbc .x_box .x_li .x_text p{padding-left:10px;position:relative;text-align:left;font-size:15px;color:#333;line-height: 24px;}
.st_xbc .x_box .x_li .x_text p:before{content:'';display:block;position:absolute;left:0;top:10px;width:6px;height:6px;background:#576088;border-radius:10px;}
/*编程学习*/
.st_xx{width:100%;margin:2% 0;overflow: hidden;}
.st_xx .x_list{width:100%;margin:2% 0;overflow: hidden;}
.st_xx .x_list li{height:136px;display:flex;justify-content:flex-start;align-items:center;width:48%;float:left;margin:1%;background:#e5eeff;border-radius:10px;}
.st_xx .x_list .pic{width:37%;float:left;}
.st_xx .x_list .pic img{max-width:100%;display: block;}
.st_xx .x_list .x_text{width:70%;padding:10px;}
.st_xx .x_list .x_text h5{font-weight:bold;text-align:left;font-size:18px;color:#333;}
.st_xx .x_list .x_text p{text-align:left;margin-top:5px;font-size:15px;color:#333;line-height: 24px;}
/*水平*/
.st_sp{width:100%;padding:2% 0;overflow: hidden;background:#f3f5f6;}
.st_sp .pic{width:100%;margin:2% 0;overflow: hidden;}
.st_sp .pic img{max-width:100%;display: block;}
/*课程体系*/
.st_sp{width:100%;padding:2% 0;overflow: hidden;}
#custom{border-collapse:collapse;border-spacing:0;width:98% !important;margin:2% auto;background:#fff;}
#custom td {font-size:15px;text-align:center;padding:1% ;color:#555;line-height:30px;border:1px solid #ddd;text-align: center;}
#custom th {font-size:18px;text-align:center;padding:1% ;color:#333;background:#fed340;}
/*软硬件结合*/
.st_jh{width:100%;margin:2% 0;overflow: hidden;}
.st_jh .t_sm{margin-bottom:10px;font-size:16px;color:#3C4467;line-height:30px;text-align:left;}
.st_jh .t_list{width:92%;margin:2% auto;border-radius:15px;}
.st_jh .t_list li{width:96%;margin:2% auto;border-radius:20px;overflow: hidden;background:#55616C;}
.st_jh .t_list .pic{width:100%;}
.st_jh .t_list .pic img{width:100%;display: block;}
.st_jh .t_list .pic p{font-weight:bold;font-size:24px;color:#fff;text-align: center;line-height:55px;}
.st_jh .t_list .j_name{width:26%;padding-left:15px;line-height:40px;display: flex;align-items: center;background:#ff9127;border-radius:50px;}
.st_jh .t_list .j_name img{width:15px;height:17px;margin:0;margin-right:15px;}
.st_jh .t_list .j_name span{font-size:20px;color:#fff;}
/*更多元*/
.st_dy{width:100%;padding:2% 0;overflow: hidden;background:linear-gradient(to top right, #F3F6FF, #FFFAFA);}
.st_dy .tab{ width:98%; margin:2% auto;overflow: hidden;}
.st_dy .tab-hd {float:left;width:35%;overflow:hidden;}
.st_dy .tab-hd li{width:100%;padding:10px;margin:15px auto;font-size:15px;background:#3c4467;color:#333; border-radius:5px;text-align:center; cursor:pointer;}
.st_dy .tab-hd li .name{font-size:18px;font-weight:bold;color:#fff;}
.st_dy .tab-hd li p{font-size:15px;color:#fff;line-height: 24px;}
.st_dy .tab-hd li.active{ background:#ff6100;color:#fff;}
.st_dy .tab-bd li{display:none; padding:10px 20px 20px 20px;font-size:24px;overflow: hidden;}
.st_dy .tab-bd li.thisclass{ display:list-item;}
.st_dy .tab-bd .l_b{width:100%;margin:2% 0;overflow: hidden;}
.st_dy .tab-bd .l_b img{max-width:100%;display: block;}
/*融入AIGC*/
.st_rr{width:100%;padding:2% 0;overflow: hidden;}
.st_rr .r_list{width:100%;padding:2% 0;overflow: hidden;}
.st_rr .r_list li{width:48%;height:150px;float:left;padding:10px;margin:1%;background:linear-gradient(146deg, rgba(255, 246, 235, 0.61) 8%, #FFFFFF 87%);box-shadow: inset 0px 4px 10px 0px rgba(232, 174, 112, 0.451);border-radius:15px;}
.st_rr .r_list li h5{font-size:18px;font-weight:bold;color:#3C4467;}
.st_rr .r_list .t_tet{margin-top:5px;}
.st_rr .r_list .t_tet p{text-align:left;position:relative;padding-left:10px;font-size:15px;color:#333;line-height: 24px;}
.st_rr .r_list .t_tet p:before{position:absolute;content:'';left:0px;top:10px;width:4px;height:4px;background:#3C4467;}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	.st_Libox ul li{width:98%;height:auto;}
	.st_title{font-size:22px;}
	.st_xbc .x_box .x_li{width:98%;height:auto;}
	.st_xx .x_list li{width:98%;height:auto;}
	.st_jh .t_list .j_name{width:50%;}
	.st_sp{display: none;}
	.st_jh .t_list .pic p{font-size:16px;}
	.st_dy .tab-hd{width:100%;}
	.st_rr .r_list li{width:98%;height:auto;}
	
}