* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.dn_banner{width:100%;}
.dn_banner img{width:100%;display: block;}
/*选择*/
.dn_xz{width:100%;margin:2% 0;overflow:hidden;}
.dn_title{font-size:30px;text-align: center;line-height:35px;margin:3% auto;font-weight:bold;color:#333;}
.dn_xz .pic img{width:100%;display: block;}
/*培训老师*/
.xyd_ds{width:100%;margin-top:3%;overflow: hidden;}
.xyd_ds .choice_list{width:100%;margin-top:3%;}
.xyd_ds .choice_list li{position:relative;overflow:hidden;width:23%;float:left;margin:1%;}
.xyd_ds .choice_list li img{width:100%;display: block;margin:0 auto;}
.xyd_ds .choice_list .title{width:100%;height:40px;line-height:40px;border-radius:0 0 10px 10px;background:rgba(0, 0, 0, 0.6);font-size:18px;position:absolute;bottom:0px;text-align:center;padding-bottom:10px;font-weight:bold;color:#fff;}
.xyd_ds .choice_list .title span{font-size:14px;color:#fff;margin-left:10px;}
.xyd_ds .choice_list .text{top:320px;transition:top .5s ease-in-out;cursor:pointer;border-radius:5px;position:absolute;padding:20px 5px;background:rgba(0, 0, 0, 0.6);opacity:0.9;bottom:0;width:100%;}
.xyd_ds .choice_list .text .name{border-top:1px #fff solid;border-bottom:1px #fff solid;color:#fff;text-align:center;margin:10px 0;line-height:32px;font-size:18px;font-weight:bold;}
.xyd_ds .choice_list .text .name span{display:block;font-size:14px;color:#fff;}
.xyd_ds .choice_list .text .nr_js{font-size:14px;text-align: center;}
.xyd_ds .choice_list .text .nr_js b{color:#fff;display:block;font-size:18px;margin:15px 0;text-align: center;}
.xyd_ds .choice_list .text p{text-align:center;font-size:14px;color:#fff;line-height:24px;}
.xyd_ds .choice_list li:hover .title{display: none;}
.xyd_ds .choice_list li:hover .text{top:0;}
.xyd_ds .tu{width:100%;margin:2% 0;overflow: hidden;}
.xyd_ds .tu img{width:100%;display: block;}
/*免费课程*/
.dn_mf{width:100%;margin:2% 0;overflow: hidden;}
.dn_mf .m_list{width:100%;margin:2% 0;overflow: hidden;}
.dn_mf .m_list li{width:23%;height:172px;float:left;margin:1%;border:1px #eee solid;}
.dn_mf .m_list li img{width:100%;display: block;}
.dn_mf .m_list li p{padding:5px;font-size:16px;color:#d40067;line-height: 24px;}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	.dn_title{font-size:22px;}
	.xyd_ds .choice_list li{width:48%;}
	.dn_mf .m_list li{width:48%;}
}