* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.th_banner{width:100%;}
.th_banner img{width:100%;display: block;}
/*职场需求*/
.th_xq{width:100%;margin:2% 0;overflow: hidden;}
.th_title{font-size:30px;text-align: center;line-height:35px;margin:2% auto;font-weight:bold;color:#333;}
.th_xq .x_list{width:98%;margin:2% auto;padding:10px;background:#fff;border-radius:10px;box-shadow: 0 0 10px rgba(66, 66, 66, 0.1);overflow: hidden;}
.th_xq .x_list li{width:23%;font-size:15px;color:#333;line-height:26px;float:left;margin:1%;}
/*热门职业*/
.th_zy{width:100%;margin:2% 0;overflow: hidden;}
.th_title{font-size:32px;line-height:35px;text-align:center;font-weight:bold;color:#333;}
.z_fu{font-size: 16px;color: #666;line-height:24px;text-align: center;}
.th_zy .kc_list{width:99.9999%;margin-top:1%;overflow: hidden;}
.th_zy .kc_list li{width:99.9999%;margin-top:3%;background:url(../images/03.png)repeat-y top center;background-size:100%;overflow: hidden;}
.th_zy .kc_list .pic{width:70%;float:left;}
.th_zy .kc_list .pic_tu{width:70%;float:left;}
.th_zy .kc_list .pic img{width:99.9999%;display: block;}
.th_zy .kc_list .p_li{width:23%;float:left;margin:1%;padding:10px;background:#fff;border-radius:5px;}
.th_zy .kc_list .p_li .tu{width:92px;height:92px;margin:0 auto;border-radius:50px;display: flex;justify-content: center;align-items: center;
background:linear-gradient(150deg,#3abef5,#36b4f5,#33acf5,#2a92f4,#2587f4);}
.th_zy .kc_list .p_li .p1 span{width:50px;height:50px;display:inline-block;background:url(../images/09.png)no-repeat top center;background-size:100% 100%;}
.th_zy .kc_list .p_li .p2 span{width:50px;height:50px;display:inline-block;background:url(../images/10.png)no-repeat top center;background-size:100% 100%;}
.th_zy .kc_list .p_li .p3 span{width:50px;height:50px;display:inline-block;background:url(../images/11.png)no-repeat top center;background-size:100% 100%;}
.th_zy .kc_list .p_li .p4 span{width:50px;height:50px;display:inline-block;background:url(../images/16.png)no-repeat top center;background-size:100% 100%;}
.th_zy .kc_list .p_li .p_text{padding:10px;}
.th_zy .kc_list .p_li .p_text h5{font-size:18px;font-weight:bold;text-align: center;color:#333;}
.th_zy .kc_list .p_li .p_text span{display:block;width:28px;height:4px;background:#ffb000;border-radius:2px;margin:8px auto;}
.th_zy .kc_list .p_li .p_text p{font-size:13px;color:#666;line-height: 26px;text-align: center;}
.th_zy .kc_list .text{width:26%;color:#fff;line-height:1.7;font-size:16px;margin-top:1.2%;float:left;margin-left:2%;padding-bottom: 2%;margin-right: 2%;}
.th_zy .kc_list .text strong{padding:1%;font-size:22px;color:#fff;display: block;}
/*职场需求*/
.th_zc{width:100%;margin:2% 0;overflow: hidden;background:url(../images/17.png)no-repeat top center;}
.th_zc .x_list{width:98%;margin:2% auto;padding:10px;overflow: hidden;background:#fff;}
.th_zc .x_list .x_item{position:relative;width:23%;float:left;margin:1%;border-radius:10px;}
.th_zc .x_list .x_item img{max-width:100%;display: block;}
.th_zc .x_list .l_box{display:none;width:100%;height:100%;position: absolute;top:0;left:0;border-radius:10px;background:rgba(0, 0, 0, 0.8);cursor: pointer;}
.th_zc .x_list .l_box .box_li{width:100%;height:100%;display: flex;flex-direction:column;justify-content: center;align-items: center;transition: all 1s;}
.th_zc .x_list .l_box .text{height:190px;color:#fff;text-align: center;}
.th_zc .x_list .l_box .text .p1{font-size:20px;font-weight:bold;}
.th_zc .x_list .l_box .text .p2{display:block;width:28px;height:4px;background:#ffb000;border-radius:2px;margin:8px auto;}
.th_zc .x_list .l_box .text ul{width:170px;margin:auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.th_zc .x_list .x_item:hover .l_box{display: block;}
.th_zc .x_list .l_box .text ul li{font-size:15px;color:#fff;text-align: left;margin-top:15px;}
.th_zc .z_bottom{width:100%;margin:2% 0;overflow: hidden;}
.th_zc .z_bottom .z_li{width:23%;padding:10px;float:left;margin:1%;border-radius:10px;background: #fff;border-radius:10px;}
.th_zc .z_bottom .z_li .z_name{font-size:18px;font-weight:bold;text-align: center;}
.th_zc .z_bottom .z_li .z_tet{font-size:15px;color:#555;text-align: center;line-height: 28px;}
/*设计课程*/
.th_kc{width:100%;margin:2% 0;overflow: hidden;}
.th_kc .k_list{width:100%;margin:2% 0;overflow: hidden;}
.th_kc .k_list li{position:relative;width:48%;height:275px;float:left;margin:1%;}
.th_kc .k_list .tu img{width:100%;display: block;}
.th_kc .k_list .l_text{padding:20px;position: absolute;width:100%;height:100%;top:0;left:0;border-radius:10px;background:rgba(0, 0, 0, 0.5);}
.th_kc .k_list .l_text .pic img{margin:0;}
.th_kc .k_list .l_text h5{margin-top:6px;font-size:20px;color:#fff;line-height: 28px;}
.th_kc .k_list .l_text .d1{margin-top:10px;text-indent: 0px;}
.th_kc .k_list .l_text .d1 .p2{text-indent:0;font-weight:bold;font-size:16px;color:#fff;line-height: 24px;}
.th_kc .k_list .l_text .d1 .p2 span{display: inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#2fc0f4;}
.th_kc .k_list .l_text .d1 .s1{margin-top:5px;display:block;font-size:14px;color:#fff;line-height: 24px;}
/*技能*/
.th_jn{width:100%;padding:2% 0;overflow: hidden;background:url(../images/36.png)no-repeat top center;}
.th_jn .pic{width:98%;margin:2% auto;overflow: hidden;}
.th_jn .pic img{width:100%;display: block;}
/*融入课程*/
.th_kcr{width:100%;overflow: hidden;background:#ecf6ff;}
.th_kcr .t_list{width:98%;padding:2%;margin:2% auto;border-radius:15px;background:linear-gradient(to right, #1c7ef4 70%, #39c4f4);}
.th_kcr .t_list li{width:100%;margin:2% auto;overflow: hidden;}
.th_kcr .t_list .pic{width:65%;float:left;margin-right:5%;}
.th_kcr .t_list .pic img{width:100%;display: block;}
.th_kcr .t_list .tet{width:30%;float:left;overflow: hidden;}
.th_kcr .t_list .tet .name{display: flex;justify-content: flex-start;text-indent: 0;}
.th_kcr .t_list .tet .name .p1{width:49px;height:57px;border:2px #fff solid;display: flex;flex-direction:column;justify-content: flex-start;align-items: center;}
.th_kcr .t_list .tet .name .p1 .s1{text-indent:0;font-size:30px;color:#fff;font-weight:bold;}
.th_kcr .t_list .tet .name .p1 .s2{width:25px;height:2px;display: inline-block;background:#fff;}
.th_kcr .t_list .tet .name .p2{margin-left:10px;}
.th_kcr .t_list .tet .name .p2 .s3{text-align:left!important;margin-bottom:5px;font-size:20px;font-weight:bold;color:#fff;}
.th_kcr .t_list .tet .name .p2 img{display: block;width:90%;height:auto;}
.th_kcr .t_list .tet .d2{margin-top:10px;text-align: left;}
.th_kcr .t_list .tet .d2 .p1{text-align: left;margin-top:10px;font-size:16px;font-weight:bold;color:#fff;line-height: 28px;}
.th_kcr .t_list .tet .d2 .p2{text-align: left;font-size:14px;color:#fff;line-height: 24px;}
.th_kcr .t_list .tet .d2 span{display: inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#fff;}
.th_kcr .t_list .tet .d3{margin-top:10px;display: flex;flex-wrap: wrap;margin-left:15px;}
.th_kcr .t_list .tet .d3 p{margin-right:5px;padding:2px 5px;font-size:14px;line-height:26px;border-radius:5px;color:#fff;text-align:center;background: #ffb000;}
.swiper-button-next{width:40px!important;background:url(../images/right_btn.png)no-repeat !important;background-size:100% 100% !important;}
.swiper-button-prev{width:40px!important;background:url(../images/left_btn.png)no-repeat !important;background-size:100% 100% !important;}
/*讲师*/
.th_teach{width:100%;padding:2% 0;overflow: hidden;background:url(../images/61.png)no-repeat top center;}
.th_teach .th_title{color:#fff;}
.th_teach .z_fu{color:#fff;}
.th_teach .t_list{width:96%;padding:2%;margin:4% auto 2% auto;background:#307bf6;border-radius:15px;}
.th_teach .t_list li{width:96%;margin:2% auto;overflow: hidden;display: flex;align-items: center;}
.th_teach .t_list .pic{width:35%;float:left;margin-right:5%;}
.th_teach .t_list .pic img{width:100%;display: block;}
.th_teach .t_list .tet{width:60%;float:left;overflow: hidden;}
.th_teach .t_list .tet .name{text-align:left;font-size:20px;font-weight:bold;color:#fff;}
.th_teach .t_list .tet .name span{font-size:16px;color:#fff;font-weight:normal;margin-left:10px;padding:3px 6px;border:1px #fff solid;}
.th_teach .t_list .tet .t_js{text-align:left;font-size:15px;color:#fff;margin-top:20px;}
.th_teach .t_list .tet .text{overflow:hidden;margin-top:20px;font-size:16px;color:#fff;line-height: 24px;}
.th_teach .t_list .tet .text span{width:28%;display:block;color:#fff;text-align:center;padding:1% 4%;background:#ff8e00;border-radius:20px;}
.th_teach .t_list .tet .text p{color:#fff;text-indent:0;font-size:15px;width:98%;text-align:left;float:left;margin-top:10px;line-height: 30px;}
/*--*/
.th_jx{width:100%;margin:2% 0;overflow: hidden;}
.th_jx .j_list{width:100%;margin:2% 0;overflow: hidden;}
.th_jx .j_list li{width:31.3333%;float:left;margin:1%;background:#fff;border-radius:10px;box-shadow: 0 0 10px rgba(33, 33, 33, 0.1);}
.th_jx .j_list li img{max-width:100%;display: block;}
.th_jx .j_list .l_list{padding:10px;}
.th_jx .j_list .l_list h5{text-align:center;z-index:10;position:relative;font-size:20px;font-weight:bold;color:#333;line-height: 28px;}
.th_jx .j_list .l_list h5:after{position: absolute;content: '';width:26%;height:5px;border-radius:2px;background:#ffb000;bottom:2px;left:50%;transform: translateX(-50%);z-index: -1;}
.th_jx .j_list .l_list p{text-align:center;margin-top:10px;font-size:15px;color:#555;line-height: 24px;}
/*出色作品*/
.th_zp{width:100%;padding:2% 0;overflow: hidden;background:#edf6ff;}
.th_zp .pic{width:100%;margin:2% 0;overflow: hidden;}
.th_zp .pic img{max-width:100%;display: block;}
/*就业服务*/
.th_fw{width:100%;margin:2% 0;overflow: hidden;}
.th_fw .tf_list{width:99.9999%;margin-top:3%;overflow: hidden;}
.th_fw .tf_list li{width:18%;float:left;margin:1%;padding:1%;box-shadow: 0 0 10px #e3e0de;overflow: hidden;}
.th_fw .tf_list .tu{}
.th_fw .tf_list .tu img{width: 99%;display: block;margin:2% auto;}
.th_fw .tf_list .name{font-size:20px;margin:8% 0 2%;text-align: center;color:#333;font-weight:bold;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.th_fw .tf_list .tet{font-size:16px;margin-top:3%;color:#666;line-height: 24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
/*--*/
.th_pp{width:100%;padding:2% 0;overflow: hidden;background:#edf6ff;}
.th_pp .advan_list{width:99.9999%;margin:2% 0;overflow: hidden;}
.th_pp .advan_list li{width:31.3333%;float:left;margin:1%;overflow:hidden;padding-bottom:2%;background:#fff;box-shadow: 0px 2px 10px 0px rgba(153,153,153,0.3);}
.th_pp .advan_list .pic{width:99.9999%;overflow: hidden;}
.th_pp .advan_list .pic img{width:99.9999%;display: block;}
.th_pp .advan_list .tet{padding:2% 1% 1%; line-height: 1.5;}
.th_pp .advan_list .tet .sm{text-align:center;margin:4% auto 0;font-size:18px;color:#333;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.th_pp .advan_list .tet .xxnr{text-align:center;padding:2%;font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	.th_title{font-size:20px;}
	.th_xq .x_list li{width:48%;text-align:left;}
	.th_zy .kc_list .text{width:100%;}
	.th_zy .kc_list .pic{width:98%;margin:0 auto;}
	.th_zy .kc_list .pic_tu{width:100%;}
	.th_zy .kc_list .p_li{width:48%;height:237px;}
	.th_zc .x_list .x_item{width:48%;}
	.th_zc .z_bottom .z_li{width:48%;}
	.th_kc .k_list li{width:98%;height:auto;text-align: left;padding-bottom:17px;}
	.th_kc .k_list .l_text{padding:5px 10px;text-align: left;}
	.th_kcr .t_list .tet{width:100%;}
	.th_kcr .t_list .pic{width:100%;margin:10px 0;}
	.th_teach .t_list li{display: block;}
	.th_teach .t_list .pic{width:100%;}
	.th_teach .t_list .tet{width:100%;padding-top:10px;}
	.th_teach .t_list .tet .text span{width:40%;}
	.th_jx .j_list li{width:100%;}
	.th_fw .tf_list li{width:48%;}
	.th_fw .tf_list li:nth-child(5){display: none;}
	.th_pp .advan_list li{width:98%;}
	.th_zc .z_bottom .z_li .z_name{font-size:16px;}
}