/* 通用 css*/
/* by nana */

/*师资页面*/
.tea_ban{width:100%; height: 210px; background:#32C8D6 url(../images/teacher_bg.jpg) no-repeat center top;}
.tea_main{overflow: hidden;}
.tea_con{width:1180px; margin: 0 auto 45px; background: #fff; padding: 20px 0 0 20px;}
.tea_hd{width:1200px; margin:20px auto 0; overflow: hidden;}
.tea_hd ul{width:1300px; height:70px; overflow:hidden;}
.tea_hd ul li{width:84px; height: 70px; border-left:1px solid #F1F1F1; border-right:1px solid #F1F1F1;  float: left; font-size: 13px; text-align: center; background: #E9E9E9; cursor:pointer;}
.tea_hd ul li span{display: block; width:74px; padding:6px 3px 0 3px; height: auto;  border-top:5px solid #E9E9E9;}
.tea_hd ul li .web{line-height: 22px; padding-top: 15px; height: 60px;}
.tea_hd ul li.cur{background: #fff;}
.tea_hd ul li.cur span{ border-top-color:#D72502;}
.tea_txt{overflow: hidden; display:none; padding-top: 45px;}
.tea_txt_cur{display: block;}
.tea_txt ul{width:1250px;}
.tea_txt ul li{float: left; width:345px; height: 178px; background: #fff; padding:0 24px 30px 24px; margin-bottom: 18px; border-radius: 11px; overflow: hidden;}
.tea_txt ul li .li_img{float:left; width:100px; height: 100px;border-radius: 50%;overflow: hidden;}
.tea_txt ul li img{width: 100px;}
.tea_txt ul li .li_txt{float: right; width:220px;}
.tea_txt ul li .li_txt h3{font-size:20px; margin-bottom: 6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tea_txt ul li .li_txt h4{padding-bottom:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tea_txt ul li .li_txt p{font-size:12px; line-height: 20px; max-height: 180px; overflow: hidden;}

/*内容页样式*/
.newsindex_yd{display: none;}
.sub_con{width:1200px; margin:0 auto; padding-bottom:20px; overflow: hidden;}
.sub_l{float:left; width:900px; padding:30px 150px; background: #fff;}
.sub_l .sub_tt{font-size:24px; text-align:center; color:#707070;}
.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;}
.sub_l video{display: block;margin: 15px auto;}
.sub_l .sub_txt p{line-height: 30px; color: #707070; font-size:16px;}
.sub_r{float:right; width:300px; overflow: hidden;display: none;}
.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;}

/* 相关阅读 */
.reader_con{width: 900px;margin: 0 auto 30px;overflow: hidden;}
.reader_con .fl{float: left;}			
.reader_con .fr{float: right;}
.reader_con {margin-top: 22px;}
.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;}

/*大于pad屏幕*/
@media screen and (max-width: 750px){
	body{min-width: 100%;font-size: 1.5rem;}
	.newsindex_pc{display: none;}
	.newsindex_yd{display: block;}
	.newswrapper{width: 100%;}
	.newswrapper .graybg{background: #fff;}
	.newswrapper img{max-width: 100%;height: auto !important;margin: 5% 0;}
	.newswrapper video{max-width: 100%;height: auto !important;margin: 5% 0;}
	.newswrapper .bread_nav{display: none;}
	.newswrapper .sub_con{width:100%;}
	.newswrapper .sub_l{width: 90%; padding:5% 5%;}
	.newswrapper .sub_l .sub_tt{font-size:1.4em;}
	.newswrapper .sub_l .time{font-size:.9em;}
	.newswrapper .reader_con{width: 100%;}
	.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;}
	.sub_l .sub_txt{padding-bottom: 15px;}
	.newsindex_yd .footer_box{background: #EEEEEE;padding-bottom: 10%;}
	.newsindex_yd .footer_box p{padding: 3% 2% 2.8em;;text-align: center;color: #000;line-height: 1.5em;}
	.newsindex_yd .footer_box img{width: 4%;display:inline-block;}
	.newsindex_yd .bdzx{width:100%; height: 2.5em; background: #1BAAF8; position: fixed; bottom:0; left:0; z-index: 999; max-width: 750px;}
	.newsindex_yd .bdzx a{ line-height: 2.5em; color: #fff; display: block; float: left; width:49%; height: 2.5em; text-align: center;}
	.newsindex_yd .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%;}
	.newsindex_yd .bdzx a.tel_btn{ background: url('http://www.itheima.com/templates/subject/images/phone_bg.jpg') no-repeat 17% center; background-size: 12%;}
}


/*报名流程*/
.flow_banner{width:100%; height: 210px; background:#A8C5D5 url(../images/flow_bg.jpg) no-repeat center top;}
.flow_main{overflow: hidden;}
.flow_con{width:1200px; margin:50px auto; background: #fff;}
.flow_con .flow_hd{width:100%;}
.flow_con .flow_hd .hd{overflow: hidden; height: 80px;}
.flow_con .flow_hd h2{float:left;}
.flow_con .flow_hd h2 img{float: left;}
.flow_con .flow_hd h2 span{float: left; font-size:22px; height: 40px; line-height: 40px; padding-left: 20px;}
.flow_con .flow_hd .selectbox{float:left; margin-left:65px;}
.flow_con .flow_hd .selectbox span{float:left; font-size:18px; color: #fff; display: inline-block; line-height: 40px; padding:0 20px; background: #c92302;}
.flow_con .flow_hd .selectbox select{float: left; height: 40px; border-left:0; width:174px; padding-left: 5px; max-height: 300px; font-size:15px;}
.flow_con .flow_hd .selectbox select.sch_xz{width:100px;}
.flow_con .kb_con{overflow: hidden; width:1119px;}
.flow_con .kb_list{width:1120px;}
.flow_con .kb_con ul{float:left; width:559px; border-right: 1px dashed #B3B3B3;}
.flow_con .kb_con ul li{float:left; font-size: 16px; overflow: hidden; color:#6a6a6a; height: 54px; line-height: 54px;}
.flow_con .kb_con ul li .span_name{padding-left: 12px;text-align: center;}
.flow_con .kb_con ul li span{margin-right: 12px; display: inline-block;}
.flow_con .kb_con ul li span.span_status {background: url(../images/hot.png) no-repeat left center; padding-left: 25px;}
.flow_con .kb_con ul li span.ocp_full{background:none; color:#999;}
.flow_con .kb_con ul li a{padding:5px 10px; border: 1px solid #7A7A7A; color: #c92302;}
.flow_con .kb_con ul li a:hover{border-color:#c92302;}
.flow_con .box_flow{ margin-top: 45px;}
.flow_con .flow_tt{margin-bottom: 8px; font-size: 22px; overflow: hidden;}
.flow_con .flow_tt img{float: left;}
.flow_con .flow_tt span{float: left; padding-left: 20px; height: 40px; line-height: 40px;}
.box_flow p{text-indent: 52px; line-height: 30px;}
.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: 30px; 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;}
.bm_btn{display: block; width:228px; height:40px; text-align: center; line-height: 40px; border-radius: 3px; font-size:16px; color: #fff; background: #D72502; margin:15px auto;}
.bm_btn:hover{background: #c92302;}
.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;}

/*报名须知页面*/
.notice_box{width:1200px; margin: 50px auto; overflow: hidden;}
.notice_l{float: left; width:248px; border:1px solid #DADADA; border-top:0;}
.notice_l a{display: block; float: left; width:210px; height: 58px; line-height: 58px; padding-left: 48px; font-size: 18px; border-top:1px solid #DADADA;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.notice_l a:hover{width:203px; padding-left:55px;}
.notice_l a.cur{background: #E5E5E5; border-left:5px solid #D72502; width:198px; padding-left:55px;}
.notice_r{float:right; width:910px; overflow: hidden;}
.notice_r .xz_hd{font-size: 22px; line-height: 28px; padding-bottom: 16px;}
.notice_r p{font-size: 16px; line-height: 30px;}
.notice_r .p_in{text-indent: 2em;}
.notice_r .p_in2{text-indent: 5em;}

/*自学教程页面*/
.taught_banner{width:100%; height: 210px; background:#1CC0CA url(../images/other/sp_bg.jpg) no-repeat center top;}
.notice_l{float: left; width:258px; border:1px solid #DADADA; border-top:0;}
.notice_ll a{width:248px; height: 44px; line-height: 44px; padding-left: 10px; font-size: 16px;}
.notice_ll a:hover{width:233px; padding-left:20px;}
.notice_ll a.cur{padding-left:20px; width:233px;}

/* 资讯页面 */
.news{ width:100%; background:#f5f5f5; overflow:hidden; padding-bottom:45px;}
.news_ban{width:100%; height: 210px; background:#32C8D6 url(../images/news_bg.jpg) no-repeat center top;}
.news .new_main{ width:1200px; height:auto; margin:0 auto;}
.news .new_main .new_l{padding:0 30px; background:#fff;}
.new_l .news_tab h3{height:45px; padding-top: 15px; text-align:right; font-weight:normal; }
.new_l .news_tab h3 span{ display:inline-block; line-height: 30px; font-size:14px; color:#333; cursor:pointer; margin-right:15px; }
.new_l .news_tab h3 .current{color:#D72502;border-bottom: 2px solid #D72502;}
.new_l .news_con{height:auto; max-height:1460px; padding-bottom:30px; overflow:hidden;}
.new_l .news_con ul{ height:auto; max-height:1314px; overflow:hidden;}
.new_l .news_con ul li{ padding-bottom:40px; overflow:hidden;}
.new_l .news_con li img{ width:192px; height:137px; float:left;}
.new_l .news_con .txtbox{ width:925px; height:137px; float:left; padding-left: 20px;}
.new_l .news_con .txtbox h4{ font-size:20px; height: 20px; line-height: 20px; border-left:2px solid #D72403; color:#333; padding-left: 10px; margin:6px 0 10px 0;}
.new_l .news_con .txtbox p{font-size:14px; color:#777; line-height:20px; padding-bottom: 7px; border-bottom: 1px solid #E1E1E1;}
.new_l .news_con .txtbox p a{ font-size:14px; color:#D72502; }
.new_l .news_con .txtbox p a:hover{ text-decoration:underline;}
.new_l .news_con .txtbox div{ margin-top:7px; color:#333;}
.new_l .news_con .txtbox div span{ display:inline-block; color:#777; margin-left:5px;}
.new_l .news_con .txtbox div a{ display:inline-block; float:right; color:#777; line-height:24px;}
.pagebox{ height:22px; padding:20px 0; text-align:center;}
.pagebox a{ display:inline-block; height:20px; line-height:20px; width:50px; border:1px solid #d5d5d5;  color:#d5d5d5; font-size:14px;text-align:center; margin-right:5px;}
.pagebox a:hover{ width:52px; height:22px; line-height:22px; border:none; color:#fff; background-color:#D72502;}
.pagebox .num{ width:38px; color:#2e3340;}
.pagebox .num:hover{ width:40px;}
.pagebox .current{ width:40px; height:22px; line-height:22px; border:none; color:#fff; background-color:#D72502;}
.new_l .news_con .firstli{ display:none;}
.new_l .news_con .cur{ display:block;}


/*学员故事*/
.story_ban{width:100%; height: 210px; background:#32C8D6 url(../images/story_bg.jpg) no-repeat center top;}
.xystory{background:#f1f1f1; font-family:"微软雅黑"; color:#333;}
.xystory .inner{ width:1200px; margin:0 auto; overflow:hidden;}
.xystory .ban img{ width:100%; height:210px; display:block; margin-bottom:20px;}
/*学员故事列表*/
.xystory .story_con{ width:1150px; padding:25px 25px 40px; overflow:hidden; background:#fff; margin-bottom: 45px;}
.xystory .story_tab{ text-align:right; margin-bottom:25px;}
.xystory .story_tab span{ display:inline-block; font-size:14px; height:20px; line-height:20px; padding-bottom:3px; margin-left:15px; cursor:pointer;}
.xystory .story_tab span:hover{ color:#d72502;}
.xystory .story_tab .zton{ border-bottom:2px solid #d72502; color:#d72502;}
.xystory .story_list{ width:1170px; overflow:hidden;}
.xystory .story_list li{ width:272px; float:left; margin:0 20px 35px 0; overflow:hidden;}
.xystory .story_list .picbox{ display:block; width:272px; height:163px; overflow:hidden; margin-bottom:10px; border-radius:5px; }
.xystory .story_list .picbox img{ display:block; width:272px; height:163px; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.xystory .story_list .picbox:hover img{  -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}
.xystory .story_list .txtbox{ display:block; color:#333;}
.xystory .story_list .txtbox h3{line-height:23px; font-size:15px; padding-left:10px; border-left:2px solid #d72502; overflow:hidden; margin-bottom:10px;}
.xystory .story_list .txtbox p{ font-size:14px; line-height:22px; height:63px; overflow:hidden; color:#888;}