/* 通用 css*/
/* by nana */
/*关于我们页面样式*/
.con_about{width:1200px; margin:0 auto; overflow: hidden;}
.about_nav{float:left; width:220px; min-height:440px; background:#fff; overflow: hidden;}
.about_nav ul{padding:40px 45px;}
.about_nav ul li{font-size:15px; padding-top: 13px;}
.about_nav ul li a{color:#757575;}
.about_nav ul li a.cur{color: #0099E5;}
.about_con{float:right; width:970px; min-height: 400px; padding-bottom:40px; background: #fff; overflow: hidden;}
.about_con .inner{padding:45px 0 0 45px; width:880px;}
.about_con h2{font-size:32px; color: #b0b0b0; margin-bottom: 25px;}
.about_con p{color:#757575; line-height: 24px;}
.about_con img{display: inline-block; text-align: center;}

/*企业招聘*/
.job_ban{width:100%; height: 260px; background:url(../images/job_ban.jpg) no-repeat center top; border-bottom: 2px solid #3688FF; position:relative;}
.city_job{width:1200px; margin:-2px auto 0; background:#F3F3F3;}
.city_job a{background: #f3f3f3;}
.job_con{width:1200px; margin:0 auto; padding:15px 0 20px; overflow: hidden;}
.job_l{float:left; width:850px; padding:20px; background: #fff;}
.job_l .course_hd{overflow: hidden;}
.job_l .course_hd li{float:left; display: inline-block; padding:0 10px; line-height: 26px; background: #A0A0A0; color: #fff; border-radius: 15px; margin-right: 10px; cursor: pointer;margin-bottom: 10px;}
.job_l .course_hd li.cur{background: #0099E5;}
.job_zong .hd{overflow: hidden;}
.job_s .hd:hover{background:#F3F3F3;}
.job_zong .hd span{float:left; padding-right: 15px; height: 34px; line-height: 34px; font-size:13px;}
.job_zong .hd_zong span{font-size:16px; padding-top:15px;}
.job_zong .hd .sp1{width:154px; padding-left:15px;}
.job_zong .hd .sp2{width:258px;}
.job_zong .hd .sp3{width:135px;}
.job_zong .hd .sp4{width:110px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.job_zong .hd .sp5{width:70px;}
.job_zong .hd .sp6{cursor: pointer;}
.job_zong .ptext{display: none; font-size: 12px; line-height: 24px; color: #8d8d8d; padding-left:15px;}

.job_r{float:right; width:300px; overflow: hidden;}
.job_r .job_icon{background: #fff; padding:20px; margin-top: 10px;}
.job_r .job_icon h3{font-size:16px;}
.job_r .job_icon ul{overflow: hidden; width:290px; padding-top: 25px;}
.job_r .job_icon ul li{width:73px; height: 40px; margin:0 20px 15px 0; float: left; overflow: hidden; }
.job_r .job_icon ul li img{display: inline-block; width:73px; text-align: center;}

/*报名流程*/
/* .flow_banner{width:100%; height: 260px; background: url(../images/bm_banner.jpg) no-repeat center top;}
.flow_main{overflow: hidden;}
.flow_con{width:1200px; margin:20px auto; background: #fff;}
.flow_con .inner{padding:50px;}
.flow_con .flow_hd{width:977px; height: 54px; padding-top:100px; margin:0 auto 20px; background: url(../images/bm_flow.jpg) no-repeat center top; overflow: hidden;}
.flow_con .flow_hd ul{width:1200px;}
.flow_con .flow_hd ul li{float:left; width:115px; text-align: center; font-size: 18px; margin-right: 102px; padding-top: 15px;}
.flow_con .flow_tt{font-size:18px; border-bottom: 1px solid #ccc; height:54px; line-height: 54px; margin-bottom: 15px;}
.flow_con .flow_tt_nobd{border-bottom: 0;}
.flow_con .flow_tt i{display: inline-block; width:3px; height:15px; background: #D8271C; margin-right: 10px; position:relative; top:20px;}
.box_flow p{line-height: 34px;}
.box_flow p span{color:#0099E5;}
.box_flow .mm li{line-height: 36px; padding-left: 90px;}
.box_flow .bm_btn{display: block; width:160px; height:43px; text-align: center; line-height: 43px; font-size:16px; color: #fff; background: #0099E5; border-radius: 5px; margin:15px auto;}
.box_flow .bm_btn:hover{background: #00AAFF;}
.box_flow .city_tab a{border-bottom: 1px solid #dfdfdf; width:99px;}
.box_flow .city_tab .colorbg{width:99px;}
.bank .bank_list{display: none;}
.bank .bank_list_cur{display: block;}
.bank h3{font-size:18px; margin:45px 0 10px 0;}
.bank p span{color:#d8271c;} */


/*师资页面*/
.tea_banner{width:100%; height: 360px; background:#32C8D6 url(../images/tea_banner2.jpg) no-repeat center top;}
.tea_main{overflow: hidden;background: #fafafa;}
.tea_con{width:952px; float: left; padding: 45px 0 0 30px;}
.tea_hd{width:210px; float: left;border-right: 1px #ccc solid;padding: 20px 0 60px 0;margin-top: 45px;position: relative;}
.tea_main .before_r{position: absolute;top: 80px;left: 209px;width: 3px;height: 18px;background: #d72403;border-radius: 5px;}
.tea_hd ul{width:100%;}
.tea_hd ul li{width:92%; height: 20px;padding: 14px 8% 14px 0;font-size: 16px; text-align: right; cursor:pointer;color: #666;}
.tea_hd ul li.apythonai{display: none;}
.tea_hd ul li span{display: block; width:90%;height: 20px;padding-right: 10%;}
.tea_hd ul li.cur{color: #333;}
.tea_txt{ display:none;}
.tea_txt_cur{display: block;}
.tea_txt ul{width:1250px;}
.tea_txt ul li{float: left; width:432px; height: 227px; background: #fff; padding:14px; margin:0 20px 40px 0; overflow: hidden;}
.tea_txt ul li:hover{box-shadow: 5px 5px 12px #d8d8d8;}
.tea_txt ul li .li_img{float:left; width:150px; height: 227px;overflow: hidden;}
.tea_txt ul li img{width: 150px;}
.tea_txt ul li .li_txt{float: right; width:260px;padding-top: 20px;}
.tea_txt ul li .li_txt h3{float: left;width: 102px;height: 30px;line-height: 30px;border-bottom: 1px #d72403 solid;font-size:24px;color: #333; margin-bottom: 6px;}
.tea_txt ul li .li_txt h4{float: left;width: 64px;height: 30px;line-height: 30px;border-bottom: 1px #d72403 solid;font-size:14px;color: #666;font-style: italic;}
.tea_txt ul li .li_txt p{width: 100%;font-size:14px;line-height: 24px; max-height: 170px; overflow: hidden;}


/*内容页样式*/
.newsindex_yd{display: none;}
.sub_con{position: relative;width:1200px;margin:0 auto; padding-bottom:20px; overflow: hidden;}
.sub_con img{display: inline-block !important;}
.sub_l{float:left; width:900px; padding:30px 150px; background: #fff;}
.sub_l .ztright{float: left;width: 416px;margin-left: 40px;}
.sub_l .sub_tt{font-size:24px; text-align:center; color:#333;}
.sub_l .time{text-align:center; color:#aaa; padding:10px 0 20px; border-bottom: 1px dashed #ccc;;}
.sub_l .sub_txt{padding-top: 20px; padding-bottom: 40px; line-height: 26px; color: #2a2a2a;overflow: hidden;}
.sub_l video{display: block;margin: 15px auto;}
.sub_l .sub_txt h2{font-size: 18px;font-weight: bold;color: #707070;padding: 10px 0 15px;}
.sub_l .sub_txt h3{font-size: 16px;font-weight: bold;color: #707070;padding: 10px 0 15px;}
.sub_l .sub_txt p{line-height: 30px; color: #2a2a2a; font-size:16px;margin-bottom: 12px !important;}
.sub_r{float:right; width:300px; overflow: hidden;}
.sub_r .sub_list{background: #fff; padding:20px; margin-top: 10px;}
.sub_r .sub_list ul li{line-height: 30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* .sub_lnew{width:850px; padding:30px 30px;} */

.new_r{display: none;float: right;right: 0;width: 230px;background: #fff;padding: 0;overflow: hidden;}
.new_r .new_top{margin-bottom: 20px;height: 148px;overflow: hidden;}
.new_r .new_top p{display: none;}
.new_r .new_top span{display: none;}
.new_r .new_top img{width: 100%;}
.new_r .techcen_right{
	width: 230px;
	max-height: 345px;
	margin-right: 20px;
}
.new_r .techcen_right .techcen_nojc ul:first-child{display:none;}
.new_r .techcen_right .techcen_tit{
	width: 100%;
	height: 35px;
	z-index: 10;
	position: relative;
}
.new_r .techcen_right .techcen_tit b{
	position: absolute;
	width: 12px;
	height: 12px;
	background: #3a7bc5;
	left: 4px;
	top: 4px;
}
.new_r .techcen_right .techcen_tit img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.new_r .techcen_right .techcen_tit p{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
}
.new_r .techcen_right .techcen_tit p span{margin-right: 16px;}
.new_r .techcen_right .techcen_tit p img{
	width: 10px;
	height: 6px;
	left: auto;
	right: 64px;
	top: 15px;
}
.new_r .techcen_right .techcen_tit .xqall{
	position: absolute;
	width: 228px;
	left: 0;
	top: 35px;
	border: 1px #e6e6e6 solid;
	border-top: none;
	background: #fff;
	display: none;
	padding: 5px 0;
}
.new_r .techcen_right .techcen_tit .xqall li{
	float: left;
	width: 33%;
	text-align: center;
	padding: 5px 0;
}
.new_r .techcen_right .techcen_tit .xqall li a{
	font-size: 14px;
	color: #333;
}
.new_r .techcen_right .techcen_tit .xqall li a:hover{
	color: #D72502;
}
.new_r .techcen_right .techcen_kb ul{
	width: 230px;
	max-height: 145px;
	margin-top: 10px;
	overflow: hidden;
}
.new_r .techcen_right .techcen_kb ul li{
	width: 100%;
	line-height: 30px;
}
.new_r .techcen_right .techcen_kb ul li a{
	display: block;
	width: 245px;
	font-size: 15px;
	color: #333;
}
.new_r .techcen_right .techcen_kb ul li a:hover{color: #ff3030;}
.new_r .techcen_right .techcen_kb ul li a span{
	position: relative;
	margin-right: 13px;
}
.new_r .techcen_right .techcen_kb ul li a span i{
	position: absolute;
	right: -23px;
	top: -3px;
	width: 20px;
	height: 20px;
	background: url(/2018czgw/images/classify/hot1.gif) no-repeat;
}

.new_r .new_bot .botcon>div{display: none;text-align: center;border-bottom: 1px #e1e8f2 solid;padding: 20px 0 20px;}
.new_r .new_bot .botcon h2{
	font-size: 18px;
	color: #0e0e0e;
}
.new_r .new_bot .botcon p{
	font-size: 14px;
	color: #c0c0c0;
	padding: 8px 0 12px;
}
.new_r .new_bot .botcon a{
	display: block;
	width: 150px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	font-size: 14px;
	color: #fff;
	background: #d72501;
	margin: 0 auto;
}
.new_r .new_bot a.a1024{
	height: 148px;
	width: 230px;
	margin-top: 20px;
	display: block;
}

.sub_l .lay_con{
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}
.sub_l .lay_con ul{
	width: 105%;
}
.sub_l .lay_con ul li{
	float: left;
	width: 232px;
	height: 246px;
	background: #fff;
	margin: 0 30px 40px 0;
}
.sub_l .lay_con ul li {position: relative;}
.sub_l .lay_con ul li:hover .sy_mask{display: block; }
.sub_l .lay_con ul li:hover .hsp{color:#ff2e2e;}
.sub_l .lay_con ul li b{font-size: 14px;font-weight: normal;color:#ff2e2e;position: absolute;right: 10px;bottom: 9px;}
.sub_l .lay_con ul li i{font-style: normal;color: #666;}
.sub_l .lay_con ul li h3{font-size: 14px;
	color: #fff;
	background: rgba(0,0,0,.6);
	padding: 3px 10px;
	border-radius: 0 30px 30px 0;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 99;
	border: 1px solid rgba(255,255,255,.4);
	border-left: none;
}
.sub_l .lay_con .sy_mask {
	width: 232px;
	height: 152px;
	background: rgba(0,0,0,.6);
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 9;
}
.sub_l .lay_con .imgzhibo,.sub_l .lay_con .imgguankan, .sub_l .lay_con .imgbaoming {margin: 59px auto;display: block !important;}

.sub_l .lay_con ul li .casem{width: 232px;display: block;}
.sub_l .lay_con .casef{display: block; width: 232px; height: 94px; overflow: hidden; position: relative; background: #fff;}
.sub_l .lay_con .caset img{display: block;}
.sub_l .lay_con .casef span{display: block; overflow: hidden; line-height: 22px; padding: 10px 12px 0 12px; font-size: 15px;color: #515151;height: 44px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sub_l .lay_con .casef .course-num{font-size: 14px;height: 22px; color: #919191; padding: 8px 12px 0 35px;background: url("http://yun.itheima.com/Root/images/sy_box2icon1.jpg") no-repeat 12px 12px;}
.sub_l .lay_con .casef a.a_btn{position: absolute; bottom:11px; right: 12px;font-size: 14px;color: #ff2e2e;}


/*鐑棬璇剧▼鎺ㄨ崘*/
.news .new_main .syxktab{padding: 0 35px 50px 0;width: 880px;}
.news .new_main .new_l .news_tab .syxktabfl{width: 182px;float: left;background: #474d53;padding: 30px 0 80px;}
.news .new_main .new_l .news_tab .syxktabfr{width:670px;float: right;margin-top: 50px;}
.news .new_main .syxktab .news_con .txtbox{width:480px;}
.news .new_main .syxktabfl p{height: 50px;line-height: 50px;font-size: 14px;cursor: pointer;color: #fff;box-sizing: border-box;}
.news .new_main .syxktabfl p span{display: block;height: 100%;width:145px;margin: 0 auto; border-bottom: 1px solid #5a5f65;}
.news .new_main .syxktabfl p.on{color:#7ffaff;background: url("http://www.itcast.cn/images/syxksyxktab_icon.jpg") no-repeat left center ;}
.news .new_main .syxktabfr .syxktabcon{display: none;}
.news .new_main .syxktabfr .syxktabcon.show{display: block;}
.syxktabmore{display: block;text-align: center;width: 170px;height: 40px;margin: 40px auto 0;line-height: 40px;text-align: center;border-radius: 8px;background: #eee ;font-size: 16px; }
.syxktabmore:hover{background: #474d53 ;color:#7ffaff ;}
.new_r .box_sidebar{margin-bottom: 15px;}
.new_r .box_sidebar .sidebar_more{position: relative;margin: 25px 0 5px;}
.new_r .box_sidebar .sidebar_more h2{font-size: 18px;color: #383838;}
.new_r .box_sidebar .sidemore{position: absolute;top: 3px;right: 10px;font-size: 14px;color: #777777;}
.new_r .box_sidebar .sidemore:hover{color: #cd0000;}
.new_r .box_sidebar ul li .img_box{width: 101px;height:66px;border-radius: 6px;overflow: hidden;float: left;}
.new_r .box_sidebar ul li .img_box img{width: 101px;height:66px;}
.new_r .box_sidebar ul li{overflow: hidden;border-bottom: 1px solid #f2f4f6;padding: 12px 0;}
.new_r .box_sidebar ul h3{font-size: 15px;color: #515151;line-height: 24px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height:44px;margin-bottom: 6px;}
.new_r .box_sidebar ul li img{transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.new_r .box_sidebar ul .btm{overflow: hidden;font-size: 14px;float: right;width: 115px;}
.new_r .box_sidebar ul .btm span{display: block;float: left;}
.new_r .box_sidebar ul .btm .span1{width: 100%;color: #919191;}
.new_r .box_sidebar ul .btm .span2{width: 100%;color: #ff2e2e;}
.new_r .box_sidebar ul .btm p{width: 100%;float: left;color: #919191;line-height: 20px;}
.new_r .box_sidebar ul li:hover img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.new_r .box_sidebar .gkk_sidebar .btm .p1{background-image: url(../images/sy_box3icon1.jpg);}
.new_r .box_sidebar .gkk_sidebar .btm .p1 b{color: #ff8a00;font-weight: normal;}
.new_r .box_sidebar .gkk_sidebar .btm .span3{width: 80px;text-align: right;color: #ff2e2e;}
.new_r .box_sidebar .gkk_sidebar .btm .span4{color: #646363;}
.new_r .box_sidebar ul li .side_fr{width:100%;overflow: hidden;}
.new_r .bmlc-con{width: 112%;margin-left: -6%;}
.bmbg_wrap .bmbd_con .bmbdbot{width: 100% !important;}
.syxktab_r .new_top a{display: block;}
.syxktab_r .new_top span{display: block;}



/*报名流程 20160510*/
.graybg {background: #F9FBFF;}
.flow_banner{width:100%; height: 232px; background: url(../images/flow-gf-1.jpg) no-repeat center top;}
.flow_main{overflow: hidden;}
.flow_con{width:1200px; margin:0 auto; }
.flow_con .inner{ width:1200px;}
.flow_con .flow_hd{width:100%;}
.flow_con .flow_hd .hd{overflow: hidden;}
.flow_con .flow_hd h2{font-size:24px; height: 40px; line-height: 40px; background:url(../images/flow-gf-2.jpg) no-repeat left center; padding-left:50px; font-weight: bold; width: 145px;margin: 0 auto;margin-bottom: 39px;margin-top: 37px;}
.flow_con .flow_hd .selectbox{ width: 693px; margin: 0 auto; margin-bottom:40px}
/* .flow_con .flow_hd .xiaoqu{display: none;} */
.flow_con .flow_hd .selectbox span{float:left; font-size:18px; color: #fff; display: inline-block; line-height: 50px; padding:0 30px 0 26px; background: #61A4FD;border-radius: 6px;height:50px; margin-left: 16px;}
.flow_con .flow_hd .selectbox select{ float: left;;cursor:pointer; height: 50px; width: 236px; padding-left: 15px; font-size: 16px; border: 1px #BDC1C4 solid; border-radius: 0 6px 6px 0; border-left:none; color: #313131;margin-left: -5px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("../images/flow-gf-13.jpg") no-repeat scroll right center transparent;
	padding-right: 14px;background-color: #FFF;
}
.flow_con .flow_hd .selectbox select option{color: #B3B4B6}
.flow_con .kb_con{overflow: hidden; margin-top: 34px;margin-bottom: 28px;}
.flow_con .kb_list{width:1200px;}
.flow_con .kb_con ul.u0{float:left; width:575px; padding-right:24px; border-right: 1px solid #E9EAEF;}
.flow_con .kb_con ul.u1{float:left; width:575px; padding-left:24px; border-right: none;}
.flow_con .kb_con ul.u0 li{float:right; font-size: 16px; margin-right: 10px; color:#313131; height: 54px; line-height: 54px;}
.flow_con .kb_con ul.u1 li{float:left; font-size: 16px; margin-right: 10px; color:#313131; height: 54px; line-height: 54px;}
.flow_con .kb_con ul li .span_name{padding-left: 7px;text-align: center;}
.flow_con .kb_con ul li .span_time,.flow_con .kb_con ul li .span_type{color:#9a9a9a}
.flow_con .kb_con ul li span{margin-right: 15px; display: inline-block;}
.flow_con .kb_con ul li span.span_status {background: url(../images/flow-gf-14.jpg) no-repeat left 13px; padding-left: 25px;}
.flow_con .kb_con ul li span.ocp_full{background:none; color:#999;}
.flow_con .kb_con ul li a{ padding: 6px 22px;border: 1px solid #60a4fd;color: #60a4fd; border-radius: 6px;}
.flow_con .kb_con ul li a:hover{border-color:#4475AF;}
.flow_con .box_flow{float: left;}
.flow_con .flow_tt{ color: #333333; font-size: 20px;font-weight: bold;}
.box_flow_width {width:100%; background-color:#FFF;}
.box_flow_left {width:65px;height:605px;background: url(../images/flow-gf-15.jpg) no-repeat left top; float: left;}
.box_flow #bm{width:1100px;height:165px;overflow:hidden;background:#FCFCFC}
.box_flow p{margin-top:15px;color:#878787; font-size:16px;}
.box_flow p.p_s{font-size:12px; color: #6f6f6f; line-height: 26px;}
.box_flow p.p_c{text-align: center; text-indent: 0; margin-top: 20px; font-size:18px;}
.box_flow p span{color:#d8271c;}
.box_flow .top{overflow: hidden; padding-left: 52px; margin-top: 20px;}
.box_flow .top select{float:left; width:120px; height: 38px; padding-left: 5px;}
.box_flow .top p{float:left; line-height: 38px; text-indent: 20px;}
.box_flow .bm_btn{display: block; width:150px; height:43px; text-align: center; line-height: 43px; font-size:16px; color: #fff; background: #0099E5; margin:15px auto;}
.box_flow .bm_btn:hover{background: #00AAFF;}
.box_flow .city_tab a{border-bottom: 1px solid #dfdfdf;}
.bank .bank_list{display: none;}
.bank .bank_list_cur{display: block;}
.bank h3{font-size:18px; margin:36px 0 10px 0; text-indent: 52px;}
.bank p span{color:#d8271c;}

.nav_left{border-left: 2px solid #959595; width:90px; padding:6px 0 0 10px; position:fixed; left:50%; margin-left:-680px; top:50%; margin-top: -150px; z-index: 9999;display: none;;}
.nav_left ul li{height: 40px; color: #616161; font-size:13px; position:relative; cursor: pointer;}
.nav_left ul li span{display: block; width:6px; height: 6px; line-height: 0; font-size:0; background: #fff; border: 2px solid #616161; border-radius: 10px; position: absolute; left:-16px; top:6px;}
.nav_left ul li.cur{font-weight: bold; color:#5575d3;}
.nav_left ul li.cur span{background: #5575d3; border-color: #fff;}
/*以下为新增2020-11-11*/
.box_flow_zixun {width: 100%;height: 88px;background: url(../images/flow-gf-9.jpg) no-repeat center top;cursor:pointer}
.flow_con .flow_hd h2 a{font-size:15px;color:#9e9e9e;font-weight:normal;float:right}
.flow_con .flow_hd h2 a:hover{color:#2D6FE1;}
.flow_con .wentiinfo_list .list_main{float: left; width: 345px;padding-left: 55px;}
.flow_con .wentiinfo_list .list_main ul{height: 234px;overflow: hidden;}
.flow_con .wentiinfo_list .list_main ul li{line-height: 39px;height: 39px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.flow_con .wentiinfo_list .list_main ul li a{font-size: 16px;color: #737373;}
.flow_con .wentiinfo_list .list_main ul li a span{background: url(../images/flow-gf-11.jpg) no-repeat left center;padding: 16px;display: inline-block;margin-bottom: -11px;}
.flow_con .wentiinfo_list .list_main ul li a b{font-weight: 100;}
.flow_con .wentiinfo_list .list_main ul li:hover a{text-decoration: underline;color: #2d6fe1;}
.box_con_width {width:100%;float: left; background-color:#FFF;}

/*相关阅读*/
.reader_con{width: 900px;margin: 0 auto 30px;overflow: hidden;margin-top: 22px;}
.sub_lnew .reader_con{width:880px;margin-left: -5px;}
.reader_con .fl{float: left;}			
.reader_con .fr{float: right;}
.reader_con h2{font-size:20px;color: #EA5404;margin-bottom: 10px;}
.reader_con .re_con{padding-bottom: 50px;}
.reader_con ul {width: 430px;}
.reader_con ul li{height:30px;line-height:30px;}
.reader_con ul li a{display: block;overflow: hidden;}
.reader_con ul li p{width: 330px;float: left;font-size: 16px;color: #6B6B6B;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.reader_con ul li a:hover p{color: #EA5404;}
.reader_con ul li span{width: 100px;display: block;float: right;font-size: 15px;color: #A3A3A3;}

.wzheader{
	width: 100%;
	height: auto;
	padding: 3% 0;
	background: #fff;
	position: relative;
}
.wzheader .wzimgleft{
	position: absolute;
	width: 7%;
	left: 4%;
	top: 32%;
}
.wzheader a{
	display: block;
	width: 30%;
	margin: 0 auto;
}
.wzheader .wzimgcity{
	position: absolute;
	width: 8%;
	right: 4%;
	top: 22%;
}

.wzleftlist_bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 9999998;
	transition: transform .6s;
	display: none;
}
.wzleftlist{
	position: fixed;
	top: 0;
	left: 0;
	width: 70%;
	font-size: .9em;
	height: 100%;
	overflow: auto;
	display: block;
	z-index: 9999999;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .6);
	transform: translate(-750px, 0);
	transition: transform .3s;
	background: #232323;
}
.wzleftlist.show{transform: translate(0, 0);}
.wzleftlist .wzleftlist_con h3{
	font-size: 1.2em;
	color: #fff;
	padding: 5% 0 5% 8%;
}
.wzleftlist .wzleftlist_con ul li{
	font-size: .9em;
	border-bottom: 1px #141414 solid;
	padding: 1em 0 1em 8%;
}
.wzleftlist .wzleftlist_con ul li a{display: block;color: #fff;}

.wzrightlist{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	z-index: 99999;
}
.wzrightlist h3{
	font-size: 1.2rem;
	color: #666;
	padding: 5% 0 5% 8%;
}
.wzrightlist .fxbox_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.6);
}
.wzrightlist .fxbox{
	position: absolute;
	left: 3%;
	top: 30%;
	z-index: 999;
	width: 90%;
	border: 1px #ccc solid;
	background: #fff;
	padding: .8em .5em;
	border-radius: 10px;
}
.wzrightlist .fx_box .fx_list{
	float: left;
	font-size: .9em;
	width: 22%;
	text-align: center;
	line-height: 2.5em;
	background: #f5f5f7;
	margin: .25em 1.5%;
	height: 2.5em;
}
.article-hidden {height: 1000px;overflow: hidden;}
.tutorial-detail dt { margin-bottom: 15px; font-size: 18px; color: #2489e6 }
.tutorial-detail dd { position: relative; padding-left: 66px; padding-bottom: 20px; color: #333;line-height: 25px;font-size: 16px;}
.tutorial-detail dd a{ color: #2489e6;}
.tutorial-detail dd:before { content: ''; position: absolute; left: 33px; top: 0; bottom: 0; border-left: 2px dotted #e4e4e4 }
.tutorial-detail dd:first-of-type i { color: #989898; width: auto; left: 14px; line-height: 25px; background: #fff }
.tutorial-detail dd i { position: absolute;font-style: inherit; left: 19px; width: 30px; text-align: center; background-color: #2489e6; font-size: 14px; color: #fff; line-height: 30px; border-radius: 50% }
.tutorial-detail dd strong { font-size: 17px; font-weight: 700; margin-bottom: 10px; line-height: 30px }
.tutorial-detail dd b { display: block; font-size: 17px; font-weight: 700; margin-bottom: 10px; line-height: 30px }
.tutorial-detail dd p { margin-bottom: 1em; font-size: 16px; line-height: 1.5 }
.tutorial-detail dd img { display: block; max-width: 80%; height: auto !important; margin: 20px auto 0 }
.tutorial_list .tutorial_p{cursor: pointer;width: 100%;height: 54px;line-height: 54px;text-align: center;font-size: 16px;}


.sub_l .botpage{overflow: hidden;padding: 0 10px;}
.sub_l .botpage a{
	float: left;
	width: 48%;
	font-size: 14px;
	color: #8a8a8a;
	text-align: center;
  line-height: 20px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	margin-left: 1%;
}
.sub_l .botpage a:hover{
	color: #2b2b2b;
	text-decoration: underline;
}
.sub_l .botpage a b{
  position: relative;
  display: inline-block;
  height: 20px;
}
/* .sub_l .botpage a b:after{
  position: absolute;
  left: 42px;
  top: 0;
  height: 100%;
  content: "：";
} */





/*澶т簬pad灞忓箷*/
@media screen and (max-width: 750px){
	body{min-width: 100%;font-size: 1.5rem;}
	.inner{width: 100% !important;}
	.newsindex_pc{display: none;}
	.newsindex_yd{display: block;}
	.newswrapper{width: 100%;}
	.newswrapper .graybg{background: #fff;}
	.newswrapper .ztright{width: 100%;margin: 0;}
	.newswrapper img{max-width: 100%;height: auto !important;}
	.newswrapper video{max-width: 100%;height: auto !important;margin: 5% 0;}
	.newswrapper{background: #fff;}
	.newswrapper .sub_con{width:100%;}
	.newswrapper .sub_l{width: 90%; padding:5% 5%;}
	.newswrapper .reader_con{width: 100%;margin-left: 0;}
	.newswrapper .re_con{width: 100%;padding-bottom: 40px;}
	.newswrapper .re_con.recon_relevant{padding-bottom: 10px;}
	.newswrapper .reader_con ul {width: 100%;}
	.newswrapper .reader_con ul li p{font-size: 1em;width: 66%;}
	.newswrapper .newsindex_yd table{width: 100% !important;border-color: #b9b9b9;}
	.newswrapper .newsindex_yd table tr td{border: 1px #b9b9b9 solid;}
	.sub_l .sub_txt{padding-bottom: 15px;}
	.newswrapper .sub_l table{width: auto !important;}
	.newswrapper .sub_l .sub_tt{font-size:1.4em;}
	.newswrapper .sub_l .time{font-size:.9em;}
	.newswrapper .footer_box{background: #EEEEEE;padding: 5% 0 2%;height: auto;}
	.newswrapper .footer_box p{padding: 1% 2% 3em;text-align: center;color: #000;line-height: 1.5em;}
	.newswrapper .footer_box img{width: 4%;display:inline-block;}
	.newswrapper .footer_box .footlist{font-size: .8em;color: #999;padding: 1% 1% 0;margin: -1% 0 2%;}
	.newswrapper .footer_box .footlist a{margin: 0 .3em 0;color: #333;}
	.newswrapper .bdzx{width:100%; height: 2.5em; background: #1BAAF8; position: fixed; bottom:0; left:0; z-index: 999; max-width: 750px;}
	.newswrapper .bdzx a{ line-height: 2.5em; color: #fff; display: block; float: left; width:49%; height: 2.5em; text-align: center;}
	.newswrapper .bdzx a.zx_btn{border-right: 1px solid #fff; background: url('http://www.itheima.com/templates/subject/images/qq_icon.jpg') no-repeat 20% center; background-size: 10%;}
	.newswrapper .bdzx a.tel_btn{ background: url('http://www.itheima.com/templates/subject/images/phone_bg.jpg') no-repeat 17% center; background-size: 12%;}
	.sub_lnew{float: none;}
	.new_r{margin: 0 auto;float: none;width: 300px;}
	.new_r img{margin: 0;}
	.new_r .techcen_right{width: 300px;}
	.new_r .techcen_right .techcen_tit .xqall{width: 298px;}
	.new_r .techcen_right .techcen_tit .xqall li{width: 25%;}
	.new_r .techcen_right .techcen_kb ul{width: 300px;text-align: center;}
	.new_r .techcen_right .techcen_kb ul li a{width: 340px;}
	.new_r .techcen_right .techcen_kb ul li a span{margin-right: 40px;}
	.new_r .techcen_right .techcen_tit img{height: 100% !important;}
	.new_r .techcen_right .techcen_tit p img{height: 6px !important;}
	.new_r .new_top{height: auto;}
	.new_r .new_top img{width: 100% !important;}
	.new_r .box_sidebar ul h3{margin-bottom: 10px;}
	.new_r .box_sidebar ul li .img_box{width: 150px;height: auto;}
	.new_r .box_sidebar ul li .img_box img{width: 150px;display: block;}
	.new_r .box_sidebar ul .btm{font-size: 16px;padding-top: 5px;}
	.new_r .box_sidebar ul .btm p{padding: 10px 0;}
	.new_r .bmlc-con{width: 104%;margin-left: -2%;}
	
	.tutorial_video.cur{height: 260px;}
	.tutorial_video.cur video{position: fixed;width: 90%;left: 5%;top: 0;z-index: 999;margin: 0;}
	
}

@media screen and (min-width: 750px){
	.graybg_qynews,
	.graybg_qynews .bread_nav{background-color: #f8fafd;}
	.graybg_qynews .bread_nav{position: relative;padding-top: 30px;}
	.graybg_qynews .bread_nav .inner{
		font-size: 14px;
		box-sizing: border-box;
		padding-left: 120px;
	}
	.graybg_qynews .bread_nav .inner a{color: #aaa;}
	.graybg_qynews .bread_nav .inner a:hover{color: #167dfe;}
	.graybg_qynews .bread_nav .inner:before{
		position: absolute;
		left: 13px;
		top: 0;
		height: 40px;
		font-size: 17px;
		color: #167dfe;
		line-height: 40px;
		content: "传智动态";
	}
	.graybg_qynews .bread_nav .inner:after{
		position: absolute;
		left: 3px;
		top: 13px;
		width: 83px;
		height: 12px;
		border-left: 2px #167dfe solid;
		border-right: 2px #167dfe solid;
		content: "";
	}
	.graybg_qynews .bread_nav .home{display: none;}
	.graybg_qynews .bread_nav .iconfont{position: relative;top: -1px;color: #aaa;padding: 0 5px;}
	.graybg_qynews .sub_con{overflow: visible;}
	.graybg_qynews .sub_con .sub_l{
		position: relative;
		width: 700px;
		/* border-top: 1px #0071ff solid; */
		padding: 40px 85px;
	}
	.graybg_qynews .sub_con .sub_l .sub_tt{
		font-size: 30px;
		text-align: left;
		line-height: 44px;
	}
	.graybg_qynews .sub_con .sub_l .time{
		color: #bbb;
		text-align: left;
		border: none;
		margin-top: 10px;
	}
	.graybg_qynews .sub_con .sub_l .reader_con{
		position: absolute;
		right: -330px;
		top: 0;
		width: 305px;
		overflow: visible;
		margin-top: 0;
	}
	.graybg_qynews .sub_con .sub_l .reader_con.on{
		position: fixed;
		left: auto;
		right: 50%;
		top: 49px;
		margin-right: -600px;
	}
	.graybg_qynews .sub_con .sub_l .reader_con .re_con{
		position: relative;
		width: 265px;
		border-top: 2px #d1e6ff solid;
		border-radius: 0 0 4px 4px;
		background-color: #fff;
		margin-bottom: 50px;
		padding: 16px 20px;
	}
	.graybg_qynews .sub_con .sub_l .reader_con ul{
		width: 100%;
	}
	.graybg_qynews .sub_con .sub_l .reader_con .re_con h2{
		position: absolute;
		left: 3px;
		top: -27px;
		height: 12px;
		font-size: 17px;
		color: #167dfe;
		line-height: 12px;
		border-left: 2px #167dfe solid;
		border-right: 2px #167dfe solid;
		padding: 0 6px;
	}
	.graybg_qynews .sub_con .sub_l .reader_con ul li{margin: 10px 0;}
	.graybg_qynews .sub_con .sub_l .reader_con ul li p{width: 100%;font-size: 14px;color: #7f7f7f}
	.graybg_qynews .sub_con .sub_l .reader_con .recon_relevant ul li span{display: none;}
	.graybg_qynews .sub_con .sub_l .reader_con .recon_relevant ul li{position: relative;padding-left: 12px;}
	.graybg_qynews .sub_con .sub_l .reader_con .recon_relevant ul li:before{
		position: absolute;
		left: 0;
		top: 13px;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #ff6000;
		content: "";
	}
	.graybg_qynews .sub_con .sub_l .reader_con .recon_new{
		position: absolute;
		left: 0;
		top: 340px;
	}
	.graybg_qynews .sub_con .sub_l .reader_con .recon_new ul li p{float: right;width: 218px;}
	.graybg_qynews .sub_con .sub_l .reader_con .recon_new ul li span{float: left;text-align: right;margin-left: -62px;}
	.graybg_qynews .sub_con .sub_l .reader_con ul li p:hover{color: #167dfe;}
	.graybg_qynews .bdsharebuttonbox{display: none;}
	.graybg_qynews .sub_l .sub_txt{border-bottom: 1px #ededed solid;}
	.graybg_qynews .sub_l .botpage{
		border-top: 1px #ededed solid;
		margin-top: 2px;
		padding: 20px 0;
	}
	.graybg_qynews .sub_l .botpage a{
		width: 100%;
		text-align: left;
		line-height: 28px;
	}
}