/* 左侧资讯列表 */
.news{ width:100%; background:#f5f5f5; overflow:hidden; padding-bottom:40px;}
.news .new_main{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.news .new_main .new_l{width:1100px; padding:10px 50px; background:#fff;}
.new_l .news_tab{overflow:hidden;}
.new_l .news_tab h3{width:100%; height:50px; text-align:left;}
.new_l .news_tab h3 span{ display:inline-block; height:48px; line-height:48px; font-size:14px; color:#333; cursor:pointer; margin-right:40px; }
.new_l .news_tab h3 .current{color:#0099e5;}
.new_l .news_con{padding-bottom:30px; overflow:hidden;}
.new_l .news_con ul{overflow:hidden;}
.new_l .news_con ul li{padding:35px 0; border-top:1px solid #d2d2d2; overflow:hidden;}
.new_l .news_con li img{ width:250px; height:148px; float:left;}
.new_l .news_con .txtbox{ width:810px; height:148px; float:right;}
.new_l .news_con .txtbox h4{ font-size:20px; color:#333; font-weight:normal; margin-bottom:15px;}
.new_l .news_con .txtbox p{ font-size:14px; color:#777; line-height:24px; max-height:72px; overflow:hidden;}
.new_l .news_con .txtbox p a{ font-size:14px; color:#0099e6; }
.new_l .news_con .txtbox p a:hover{ text-decoration:underline;}
.new_l .news_con .txtbox div{ margin-top:15px;}
.new_l .news_con .txtbox div p{ float:left; color:#333;}
.new_l .news_con .txtbox div p 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;}
.new_l .news_con .pagebox{ height:22px; padding:20px 0; text-align:center;}
.new_l .news_con .pagebox a{ display:inline-block; height:20px; line-height:20px; width:38px; border:1px solid #d5d5d5;color:#d5d5d5; font-size:14px;text-align:center; margin-right:3px;}
.new_l .news_con .pagebox a:hover{ width:40px; height:22px; line-height:22px; border:none; color:#fff; background-color:#0099e6;}
.new_l .news_con .pagebox .num{ width:30px; color:#2e3340;}
.new_l .news_con .pagebox .num:hover{ width:32px;}
.new_l .news_con .pagebox .current{ width:32px; height:22px; line-height:22px; border:none; color:#fff; background-color:#0099e6;}



.news .new_main .new_lnew{width: 815px;float: left;}
.news .new_main .new_lnew .news_con li img{ width:165px;max-height:122px;height: auto;}
.news .new_main .new_lnew .news_con .txtbox{ width:625px; height:148px; float:right;}
.news .new_main .new_lasd li a img{display: none;}


.new_r{width: 230px;float: right;height: auto;background: #fff;padding: 20px 20px 5px;}
.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;
	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: 88;
	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;
	height: 145px;
	margin-top: 15px;
	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;
}

/*热门课程推荐*/
.news .new_main .syxktab{padding: 0 35px 20px 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: 20px 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: -5%;}
.bmbg_wrap .bmbd_con .bmbdbot{width: 100% !important;}
.syxktab_r .new_top a{display: block;}
.syxktab_r .new_top span{display: block;}
.new_l .syxktabcon ul li{padding: 20px 0;}
.news .new_main .new_lnew .syxktabcon .txtbox{height: auto;}
.news .new_main .new_lasd .news_con .txtbox{width: 100%;height: auto;}

.news .new_main .syxktabfl.syxk_fixed{position: fixed;top:0%;left:50%;z-index: 999;margin-left: -600px;}



@media screen and (max-width: 750px){
	body{min-width: 100%;font-size: 1.5rem;}
	
	
	.wzheader{background: #fff;}
	.news{background: #fff;}
	.newswrapper .news .lb_nav{display: block;padding-left: 2%;}
	.news .new_main{width: 100% ;background: #FFF;}
	.news .new_main .new_l {width: 100% ;padding:0 3% ;box-sizing: border-box;float: none;}
	.news .new_main .new_lnew .news_con li img{width: 30% ;}
	.news .new_main .new_lnew .news_con .txtbox{width: 66% ;}
	.new_l .news_tab h3{height: auto;padding: 2% 0 ;}
	.new_l .news_tab h3 span{margin-right: 1%;font-size: .9em;height: 1.5rem;line-height: 1.5rem;padding: 1% 0;}
	.new_l .news_con .txtbox>p{display: none;}
	.news .new_main .new_lnew .news_con .txtbox{height: auto;}
	.new_l .news_con ul li{padding: 4% 0;}
	.new_l .news_con .txtbox h4{font-size:.98rem;margin-bottom: 2%;}
	.new_l .news_con .pagebox a{margin-bottom: 10px;}
	.news .new_main .new_lasd .news_con .txtbox{width: 100%;height: auto;margin: 0 auto;}
	.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%;}
}