* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.of_banner{width:100%;}
.of_banner img{width:100%;display: block;}
/*介绍*/
.of_js{width:100%;padding:2% 0;overflow: hidden;background:#eff0f5;}
.of_title{font-size:30px;text-align:center;line-height:35px;margin:2% auto;font-weight:bold;color:#333;}
.of_js .pic{width:100%;margin:2% 0;overflow: hidden;}
.of_js .pic img{max-width:100%;display: block;}
/*曲线*/
.of_qx{width:100%;padding:2% 0;overflow: hidden;background:url(../images/part2_bg.png)no-repeat top center;}
.of_qx .of_title{color:#fff;}
.of_qx .pic{width:98%;margin:2% auto;overflow: hidden;}
.of_qx .pic img{max-width:100%;display: block;}
/*课程*/
.of_kc{width:100%;padding:2% 0;overflow: hidden;background:url(../images/part3_bg.png)no-repeat top center;}
.of_kc .tab{width:98%; margin:4% auto 2%;}
.of_kc .tab-hd {overflow:hidden; zoom:1;}
.of_kc .tab-hd li{ float:left;width:18%;margin:1%; padding:2%;font-size:18px;font-weight:bold;color:#333; border-radius:5px;background:#fff;text-align:center; cursor:pointer;}
.of_kc .tab-hd li.active{ background:#b83838;color:#fff;}
.of_kc .tab-bd li{display:none; padding:10px; border-top:0 none; font-size:24px;overflow: hidden;}
.of_kc .tab-bd li.thisclass{ display:list-item;}
.of_kc .t_left{width:30%;float:left;}
.of_kc .t_left img{width:100%;display: block;}
.of_kc .b_right{width:68%;margin-left:10px;float:left;}
.of_kc .b_right .b_text{padding:10px;margin-bottom:10px;display:flex;align-items:center;background:#fff;border-radius:10px;}
.of_kc .b_right .b_text .b_pic{width:30%;margin-right:10px;}
.of_kc .b_right .b_text .b_pic img{max-width:100%;display: block;}
.of_kc .b_right .b_text .b_tit{width:68%;}
.of_kc .b_right .b_text .b_tit .b_name{font-size:16px;font-weight:bold;color:#333;line-height: 24px;}
.of_kc .b_right .b_text .b_tit p{text-align:left;text-indent:0;margin:10px 0;display: flex;align-items: center;font-size:14px;color:#333;line-height: 24px;}
.of_kc .b_right .b_text .b_tit p span{flex-shrink:0;text-indent:0;font-size:14px;padding:3px 6px;color:#b83838;background:#fff6eb;margin-right:10px;border-radius:3px;}
/*专属定制*/
.of_dz{width:100%;padding:2% 0;overflow: hidden;background:url(../images/dingzhi_box_bg.png)no-repeat top center;}
.of_dz .d_text{padding:10px;width:98%;margin:10px auto;background:#fff;border-radius:10px;}
.of_dz .d_text .d_name{width:15%;text-align:center;font-weight:bold;line-height:30px;padding:3px 6px;font-size:16px;color:#fff;background:#dcab6a;border-radius:5px;}
.of_dz .d_text p{text-align:left;text-indent:0;font-size:15px;color:#333;line-height:24px;margin-top:10px;}
.of_dz .pic{width:98%;margin:10px auto;}
.of_dz .pic img{max-width:100%;display: block;}
/*课程管理*/
.of_gl{width:100%;padding:2% 0;overflow: hidden;background:#c25a4d url(../images/obj_baoz_bg.png)no-repeat top center;}
.of_gl .of_title{color:#fff;}
.of_gl .d_list{width:100%;margin:2% 0;overflow: hidden;}
.of_gl .d_list li{width:18%;height:280px;float:left;margin:1%;background:#fff;}
.of_gl .d_list li img{max-width:100%;display: block;}
.of_gl .d_list .d_name{margin-top:10px;font-size:16px;text-align: center;color:#333;font-weight:bold;}
.of_gl .d_list p{text-align:left;text-indent:0;padding:10px;font-size:14px;color:#555;line-height: 24px;}
/*教材展示*/
.of_book{width:100%;padding:2% 0;overflow: hidden;background:url(../images/adv_book_bg.png)no-repeat top center;}
.of_book .b_list{width:100%;margin:2% 0;overflow: hidden;}
.of_book .b_list li{width:23%;height:210px;float:left;margin:1%;background:#fff;border-radius:5px;}
.of_book .b_list li img{height:155px;display: block;margin:10px auto;}
.of_book .b_list .b_name{height:50px;font-size:14px;color:#333;line-height:50px;text-align: center;background:#f1d6a8;border-radius:0 0 5px 5px;}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	.of_title{font-size:22px;}
	.of_kc .tab-hd li{width:48%;}
	.of_kc .t_left{display: none;}
	.of_kc .b_right{width:100%;margin-left:0;}
	.of_gl .d_list li{width:48%;}
	.of_book .b_list li{width:48%;}
}