* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.mx_banner{width:100%;}
.mx_banner img{width:100%;display: block;}
/*--直申计划--*/
.mx_zs{width:100%;margin:2% 0;overflow: hidden;}
.mx_title{font-size:30px;text-align:center;line-height:35px;font-weight:bold;color:#ff0072;}
.mx_title span{display: block;font-size:14px;font-weight:normal;text-align: center;}
.mx_zs .z_box{display:flex;justify-content:flex-start;align-items:center;width:100%;margin:2%;overflow: hidden;}
.mx_zs .z_box .z_left{width:60%;float: left;}
.mx_zs .z_box .z_left h5{text-align:left;text-indent:0;font-size:24px;margin-bottom:5px;font-weight:bold;color:#ff0072;}
.mx_zs .z_box .z_left span{text-align:left;display: block;font-size:14px;color:#ff0072;}
.mx_zs .z_box .z_left i{margin-top:5px;xdisplay:block;width:38px;height:6px;background:-webkit-linear-gradient(left,#ff2d86 0%, #5f1985 100%);}
.mx_zs .z_box .z_left p{text-align:left;text-indent:0;margin:20px 0;font-size:14px;color:#555;line-height: 28px;}
.mx_zs .z_box .z_left h6{text-align:left;text-indent:0;font-weight:bold;font-size:18px;color:#333;line-height: 24px;}
.mx_zs .z_box .z_left .rol1{margin-top:5px;font-size:14px;color:#999;line-height: 24px;}
.mx_zs .z_box .z_rig{margin-left:5px;}
.mx_zs .z_box .z_rig img{max-width:100%;display: block;}
/*课程优势*/
.mx_ys{width:100%;padding:2% 0;overflow: hidden;background:url(../images/newProduct_Movies_oneBG.jpg)no-repeat top center;}
.mx_ys .mx_title{color:#fff;}
.mx_ys .y_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_ys .y_list li{width:48%;float:left;margin:1%;}
.mx_ys .y_list li h5{font-size:20px;font-weight:bold;color:#fff;}
.mx_ys .y_list .l_box{margin-top:30px;}
.mx_ys .y_list .l_box .l_li{font-size:16px;color:#fff;margin:10px 1%;padding:10px;border:1px #fff solid;}
.mx_ys .y_list .l_box .l_li:hover{cursor:pointer;border:none;background:-webkit-linear-gradient(left,#ff2d86 0%, #5f1985 100%);}
/*课程内容*/
.mx_kc{width:100%;margin:2% 0;overflow: hidden;}
.mx_kc .k_list{display:flex;justify-content:flex-start;width:100%;margin:2% 0;overflow: hidden;}
.mx_kc .k_list .k_left{position:relative;width:55%;}
.mx_kc .k_list .k_left img{max-width:100%;display: block;}
.mx_kc .k_list .k_left .k_text{padding:10px;position: absolute;left:0;bottom:0;}
.mx_kc .k_list .k_text h5{text-align:left;text-indent:0;font-size:18px;color:#fff;font-weight:bold;text-align: left;}
.mx_kc .k_list .k_text p{text-align:left;text-indent:0;font-size:15px;color:#fff;line-height: 24px;margin-top:10px;}
.mx_kc .k_list .k_rig{width:60%;margin-left:10px;}
.mx_kc .k_list .k_rig li{position:relative;width:48%;float:left;margin:1%;}
.mx_kc .k_list .k_rig li img{max-width:100%;display: block;}
.mx_kc .k_list .k_rig .k_text{padding:10px;position: absolute;left:0;bottom:0;}
/*教学阶段*/
.mx_jd{width:100%;padding:2% 0;overflow: hidden;background:url(../images/newProduct_Movies_threeBG.jpg)no-repeat top center;}
.mx_jd .mx_title{color:#fff;}
.mx_jd .pic{width:100%;margin:2% 0;overflow: hidden;}
.mx_jd .pic img{max-width:100%;display: block;}
/*教学重点*/
.mx_zd{width:100%;margin:2% 0;overflow: hidden;}
.mx_zd .z_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_zd .z_list li{position:relative;width:31.3333%;float:left;margin:1%;}
.mx_zd .z_list .pic img{width:100%;display: block;}
.mx_zd .z_list .z_tet{padding:10px;position: absolute;bottom:0;left:0;transition:all .5s;}
.mx_zd .z_list .z_tet h5{text-align:left;text-indent:0;font-size:18px;color:#fff;font-weight:bold;margin-bottom:5px;}
.mx_zd .z_list .z_tet p{text-align:left;text-indent:0;font-size:15px;color:#fff;line-height: 24px;}
.mx_zd .z_list .z_box{padding:30px 15px;position:absolute;left:25px;top:35px;transition:all .5s;background:-webkit-linear-gradient(left,rgba(255,45,134,0.8) 0%, rgba(95,25,133,0.8) 100%);}
.mx_zd .z_list .z_box b{font-size:18px;color:#fff;font-weight:bold;margin-bottom:5px;}
.mx_zd .z_list .z_box p{font-size:15px;color:#fff;line-height: 24px;}
.mx_zd .z_list .z_box{display:none;cursor: pointer;}
.mx_zd .z_list li:hover .z_tet{display: none;}
.mx_zd .z_list li:hover .z_box{display: block;}
/*拍摄资源*/
.mx_zy{width:100%;padding:2% 0;overflow: hidden;background:#292832;}
.mx_zy .mx_title{color:#fff;}
.mx_zy .z_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_zy .z_list li{width:23%;float:left;margin:1%;}
.mx_zy .z_list .z_top{}
.mx_zy .z_list .z_top img{width:22px;display: block;margin:0!important;}
.mx_zy .z_list .z_top h5{text-align:left;text-indent:0;font-size:18px;color:#fff;font-weight:bold;margin:5px 0;}
.mx_zy .z_list .z_top span{width:25px;height:3px;background:#fff;display: block;}
.mx_zy .z_list .pic{margin:10px 0;}
.mx_zy .z_list .pic img{max-width:100%;display: block;}
.mx_zy .z_list p{text-align:left;text-indent:0;font-size:14px;color:#fff;line-height: 24px;}
/*执行团队*/
.mx_td{width:100%;margin:2% 0;overflow: hidden;}
.mx_td .t_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_td .t_list li{width:31.3333%;height:523px;float:left;margin:1%;border:1px solid #e6e6e6;}
.mx_td .t_list li img{width:100%;display: block;}
.mx_td .t_list .t_tet{padding:15px;}
.mx_td .t_list li h5{text-align:left;text-indent:0;font-size:18px;font-weight:bold;color:#ff0072;}
.mx_td .t_list li p{text-align:left;text-indent:0;margin-top:5px;font-size:14px;color:#555;line-height: 24px;}
/*增值服务*/
.mx_mx{width:100%;padding:2% 0;overflow: hidden;background:#f5f5f5;}
.mx_mx .tab{ width:98%; margin:4% auto 2%;overflow: hidden;padding:2%;}
.mx_mx .tab-hd {float:left;width:23%;margin-right:2%;overflow:hidden;background:url(../images/newProduct_bk2_two_bottomBG.jpg)no-repeat top center;}
.mx_mx .tab-hd li{width:98%;margin:6% auto; padding:6% 2%;font-size:20px;font-weight:bold;color:#fff; border-radius:5px;border:1px solid #fff;text-align:center; cursor:pointer;}
.mx_mx .tab-hd li.active{ background:-webkit-linear-gradient(left,#ff2d86 0%, #5f1985 100%);color:#fff;}
.mx_mx .tab-bd li{display:none;font-size:24px;overflow: hidden;}
.mx_mx .tab-bd li.thisclass{ display:list-item;}
.mx_mx .tab-bd .b_box{width:100%;overflow: hidden;}
.mx_mx .tab-bd .b_box .b_bi{width:31.3333%;float:left;margin:1%;background:#fff;}
.mx_mx .tab-bd .b_box .b_bi img{max-width:100%;display: block;}
.mx_mx .tab-bd .b_box .b_bi h5{line-height:45px;font-size:16px;font-weight:bold;text-align: center;}
/*九步曲*/
.mx_jb{width:100%;padding:2% 0;overflow: hidden;background:url(../images/newProduct_bk2_threeBG.jpg)no-repeat top center;}
.mx_jb .mx_title{color:#fff;}
.mx_jb .j_box{width:100%;margin:2% 0;overflow: hidden;}
.mx_jb .j_box li{width:31.3333%;float:left;margin:1%;background:#fff;}
.mx_jb .j_box .top{position: relative;cursor: pointer;}
.mx_jb .j_box .top img{max-width:100%;display: block;}
.mx_jb .j_box .top .j_tet{display:none;padding:10px;width:92%;position:absolute;top:10px;left:10px;font-size:12px;color:#fff;line-height: 24px;background:-webkit-linear-gradient(left,rgba(255,45,134,0.8) 0%, rgba(95,25,133,0.8) 100%);}
.mx_jb .j_box li:hover .j_tet{display: block;cursor: pointer;}
.mx_jb .j_box li h5{padding-left:10px;font-size:16px;color:#333;font-weight:bold;line-height: 40px;}
/*优势*/
.mx_hx{width:100%;margin:2% 0;overflow: hidden;}
.mx_hx .y_list{width:100%;margin:2% 0;overflow: hidden;}
.mx_hx .y_list li{width:18%;float:left;margin:1%;}
.mx_hx .y_list .y_tet{position:relative;}
.mx_hx .y_list .y_tet img{max-width:100%;display: block;}
.mx_hx .y_list .y_tet span{position: absolute;bottom:50px;left:10px;width:25px;height:5px;background:#fff;}
.mx_hx .y_list .y_tet b{text-align:left;width:98%;position:absolute;bottom:18px;left:10px;font-size:16px;color:#fff;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mx_hx .y_list li p{text-indent:0;text-align:left;font-size:13px;color:#333;line-height: 24px;}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	.mx_zs .z_box{display:block;}
	.mx_zs .z_box .z_left{width:98%;}
	.mx_zs .z_box .z_rig{width:98%;margin-left:0;}
	.mx_title{font-size:22px;}
	.mx_ys .y_list li{width:98%;}
	.mx_kc .k_list{display: block;}
	.mx_kc .k_list .k_left{width:100%;}
	.mx_kc .k_list .k_rig{width:100%;margin-left:0;}
	.mx_zd .z_list li{width:98%;height:auto;}
	.mx_zd .z_list .z_box{left:55px;top:62px;}
	.mx_zy .z_list li{width:98%;height:auto;}
	.mx_td .t_list li{width:98%;height:auto;}
	.mx_mx .tab-hd{float:none;width:98%;}
	.mx_mx .tab-bd .b_box .b_bi h5{line-height: 24px;font-size:14px;}
	.mx_mx .tab-bd .b_box .b_bi{width:48%;height:144px;}
	.mx_jb .j_box li{width:48%;}
	.mx_hx .y_list li{width:48%;height:380px;}
	.mx_hx .y_list li:nth-child(5){display: none;}
	.mx_jb .j_box .top .j_tet{line-height: 18px;}
	.mx_zs .z_box .z_left h5{font-size:22px;}
	
}