* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.xhd_banner{width:100%;}
.xhd_banner img{width:100%;display: block;}
/*--梯级课程--*/
.xhd_tj{width:100%;margin:2% 0;overflow: hidden;}
.xhd_title{font-size:30px;text-align: center;line-height:35px;margin:3% auto;font-weight:bold;color:#333;}
.xhd_title span{color:#21538f;}
.xhd_tj .t_list{width:100%;margin:2% 0;overflow: hidden;}
.xhd_tj .t_list li{width:23%;float:left;margin:1%;height:195px;background:#f4f9ff;border-radius:10px;}
.xhd_tj .t_list li h6{padding:5px 0;color:#fff;font-size:20px;text-align: center;font-weight:normal;line-height:30px;background:#21538f;border-radius:10px 10px 0 0;}
.xhd_tj .t_list .t_text{padding:15px 10px;}
.xhd_tj .t_list .t_text p{text-indent:0;text-align:left;display:flex;line-height:24px;font-size:12px;color:#333;}
.xhd_tj .t_list .t_text p span{flex-shrink:0;color:#21538f;}
.xhd_tj .t_list li:nth-child(even){background:#fffcf7;}
.xhd_tj .t_list li:nth-child(even) h6{background:#f3c171;}
.xhd_tj .t_list li:nth-child(even) .t_text p span{color:#f3c171;}
/*个性化课程*/
.xhd_gx{width:100%;margin:2% 0;overflow: hidden;}
.xhd_gx .tab{width:98%; margin:4% auto 2%;}
.xhd_gx .tab-hd {overflow:hidden; zoom:1;border-bottom:3px #d3dde9 solid;}
.xhd_gx .tab-hd li{ float:left;width:25%;/*margin:1%; padding:2%;*/font-size:18px;font-weight:bold;color:#333; text-align:center; cursor:pointer;}
.xhd_gx .tab-hd li span{margin-top:5px;font-size:13px;color:#555;display: block;font-weight:normal;}
.xhd_gx .tab-hd li.active{color:#21538f;border-bottom:4px #21538f solid;padding-bottom:5px;}
.xhd_gx .tab-bd li{display:none;font-size:24px;overflow: hidden;}
.xhd_gx .tab-bd li.thisclass{ display:list-item;}
.xhd_gx .b_item{width:100%;margin:2% 0;overflow: hidden;}
.xhd_gx .b_item h5{font-size:18px;line-height:30px;padding-left:10px;font-weight:bold;color:#fff;background:linear-gradient(to right, #21538f, 60%, #fff);border-radius:22px;}
.xhd_gx .b_item .bk{width:100%;margin:2% 0;overflow: hidden;}
.xhd_gx .b_item .bk .b_li{width:48%;height:100px;float:left;margin:1%;background:#f4f9ff;}
.xhd_gx .b_item .bk .b_li2{width:31.3333%;}
.xhd_gx .b_item .bk .b_li .b_name{font-size:16px;color:#fff;line-height:30px;font-weight:bold;color:#fff;text-align:center;background:#21538f;}
.xhd_gx .b_item .bk .b_li p{padding:10px;font-size:15px;color:#333;line-height: 24px;text-align:center;}
.xhd_gx .b_item h6{font-size:18px;line-height:32px;padding-left:10px;font-weight:bold;color:#fff;background:linear-gradient(to right, #f3c171, 60%, #fff);border-radius:22px;}
.xhd_gx .b_item .b_gh{width:100%;margin:2% 0;overflow: hidden;}
.xhd_gx .b_item .b_gh .g_li{padding:10px;height:122px;width:31.3333%;float:left;margin:1%;background:#f4f9ff;border-bottom:4px #21538f solid;}
.xhd_gx .b_item .b_gh .g_li .g_name{font-size:18px;color:#fff;line-height:30px;font-weight:bold;color:#21538f;text-align:center;}
.xhd_gx .b_item .b_gh .g_li p{padding:10px;font-size:15px;color:#333;line-height: 24px;text-align:center;}
#custom{border-collapse:collapse;border-spacing:0;width:98% !important;margin:2% auto;background:#fff;}
#custom td {font-size:16px;text-align:center;padding:1% ;color:#555;line-height:30px;border:2px solid #fff;text-align: center;background:#f4f9ff;}
#custom th {font-size:20px;text-align:center;padding:1% ;color:#fff;background:#21538f;}
#custom td:nth-child(even){background:#fff8eb;}
.xhd_gx .b_item .b_rq{width:100%;margin:2% 0;overflow: hidden;}
.xhd_gx .b_item .b_rq .r_li{width:48%;float:left;padding-left:20px;position:relative;font-size:16px;color:#333;line-height: 24px;}
.xhd_gx .b_item .b_rq .r_li:before{position:absolute;content:'';width:6px;height:6px;top:8px;left:10px;background:#21538f;border-radius:50px;}
.xhd_gx .b_item .pic{width:100%;margin:2% 0;overflow: hidden;}
.xhd_gx .b_item .pic img{max-width:100%;display: block;}
/*互补计划*/
.xhd_plan{width:100%;margin:2% 0;overflow: hidden;}
.xhd_plan .plan_box{width:100%;padding:10px;overflow: hidden;border:1px solid #21538f;border-radius:10px;}
.xhd_plan .plan_box .p_top{display:flex;justify-content:space-around;width:100%;margin:10px auto;overflow: hidden;}
.xhd_plan .plan_box .p_top .p_box{padding:10px;margin:0 1%;display:flex;align-items:center;justify-content:space-evenly;background:#f4f9ff;border-radius:10px;box-shadow: 0 7px 10px rgba(0, 68, 140, 0.1);}
.xhd_plan .plan_box .p_top .p_box .p_z{flex-shrink:0;margin-right:10px;font-size:22px;width:60px;height:60px;color:#f3c171;display:flex;justify-content:center;align-items:center;background:#21538f;border-radius:50%;}
.xhd_plan .plan_box .p_top .p_box .p_list{display: flex;flex-wrap: wrap;}
.xhd_plan .plan_box .p_top .p_box .p_list .p_item{margin-bottom:5px;}
.xhd_plan .plan_box .p_top .p_box .p_list h5{text-align:left;margin-bottom:5px;position:relative;padding-left:10px;font-size:16px;font-weight:bold;color:#21538f;}
.xhd_plan .plan_box .p_top .p_box .p_list h5:before{position:absolute;content:'';width:6px;height:6px;top:8px;left:0px;background:#21538f;border-radius:50px;}
.xhd_plan .plan_box .p_top .p_box .p_list p{text-indent:0;text-align:left;font-size:14px;color:#333;line-height: 20px;}
.xhd_plan .plan_box .p_bot{margin:10px 0;}
.xhd_plan .plan_box .p_bot h6{font-size:20px;color:#21538f;font-weight:bold;text-align: center;}
/*实力保障*/
.xhd_bz{width:100%;padding:2% 0;overflow: hidden;background:#21538f;}
.xhd_bz .xhd_title{color:#fff;}
.xhd_bz .xhd_title span{color:#f3c171;}
.xhd_bz .b_box{width:100%;margin:2% 0;overflow: hidden;}
.xhd_bz .b_box .b_li{width:48%;height:395px;float:left;padding:10px;margin:1%;background:#fff;border-radius:10px;}
.xhd_bz .b_box .b_li .b_top{display: flex;align-items: center;}
.xhd_bz .b_box .b_li .b_top2{display: block;}
.xhd_bz .b_box .b_li .b_top .b_left{width:100%;margin-right:2%;}
.xhd_bz .b_box .b_li .b_top .b_left h5{text-align:left;font-size:16px;color:#333;font-weight:bold;}
.xhd_bz .b_box .b_li .b_top .b_left h5 img{vertical-align: middle;display: inline-block;margin:0 5px 0 0!important;}
.xhd_bz .b_box .b_li .b_top .b_left p{text-indent:0;text-align:left;font-size:12px;color:#333;line-height: 22px;}
.xhd_bz .b_box .b_li .b_top .b_left .pic{width:100%;margin:2% 0;}
.xhd_bz .b_box .b_li .b_top .b_left .pic img{width:100%;display: block;}
.xhd_bz .b_box .b_li .b_top .b_tu{width:45%;}
.xhd_bz .b_box .b_li .b_top .b_tu img{max-width:100%;}
/*校区环境*/
.xhd_hj{width:100%;margin:2% 0;overflow: hidden;}
.xhd_hj .h_list{width:100%;margin:2% 0;overflow: hidden;}
.xhd_hj .h_list li{width:31.3333%;float:left;margin:1%;}
.xhd_hj .h_list li img{width:100%;display: block;}
@media only screen and (min-width: 320px) and (max-width:750px) {
	.xhd_title{font-size:22px;}
	.xhd_tj .t_list li{width:98%;height:auto;}
	.xhd_gx .b_item .bk .b_li{width:100%;height:auto;}
	.xhd_gx .b_item .b_gh .g_li{width:100%;height:auto;}
	.xhd_gx .b_item .b_rq .r_li{font-size:14px;width:100%;height:auto;}
	.xhd_plan .plan_box .p_top{display:block;}
	.xhd_plan .plan_box .p_top .p_box{margin:1%;}
	#custom th{font-size:16px;}
	#custom td{font-size:16px;}
	.xhd_bz .b_box .b_li{width:98%;height:auto;}
	.xhd_hj .h_list li{width:98%;height:auto;}
}