/*师资*/
/*4项标准*/
.teamain_bot .botlists{width: 1148px;background: #fff;margin-left: 52px;border-radius: 5px;margin-bottom: 10px;position: relative;padding-bottom: 22px;}
.teamain_bot .botlists h2{font-size: 20px;color: #fff;font-weight: bold;position: absolute;width: 154px;height: 70px;left: -53px;top: 100px;background: #36c6b7;box-shadow: 0 6px 14px rgba(54,198,183,.69); border-top-right-radius: 15px;border-bottom-left-radius: 15px;text-align: center;padding-top: 17px;}
.teamain_bot .botlists2 h2{top: 20px;background: #216df4;box-shadow: 0 6px 14px rgba(68,135,255,.46);}
.teamain_bot .botlists3 h2{top: 20px;background: #00cffb;box-shadow: 0 6px 14px rgba(125,222,250,.69);}
.teamain_bot .botlists4 h2{background: #fe3636;box-shadow: 0 6px 14px rgba(254,54,54,.69);}
.teamain_bot .botlists5 h2{background: #ffa800;box-shadow: 0 6px 14px rgba(255,199,91,.55);}
.teamain_bot .botlists6 h2{background: #726cf7;box-shadow: 0 6px 14px rgba(114,108,247,.69);}
.teamain_bot .botlists h3{font-size: 20px;color: #373737;text-align: center;margin-left: -26px;padding: 32px 0;}
.teamain_bot .botlists ul{margin-left: 136px;}
.teamain_bot .botlists ul li{width: 220px;height: 109px;float: left;margin-right: 30px;position: relative;border-radius: 5px;border: 1px #43cabc solid;text-align: center;}
.teamain_bot .botlists4 ul li{border-color: #fe3636;}
.teamain_bot .botlists ul li h4{font-size: 18px;color: #000;font-weight: bold;padding: 8px 0 6px;}
.teamain_bot .botlists4 ul li h4{padding-top: 18px;}
.teamain_bot .botlists ul li p{font-size: 15px;color: #6e6e6e;}
.teamain_bot .botlists ul li img{position: absolute;right: -17px;top: 49px;}
.teamain_bot .botlists2{padding: 14px 0;}
.teamain_bot .botlists .teacherpic8{display: block;margin-left: 136px;}
.teamain_bot .botlists3{padding-top: 20px;}
.teamain_bot .botlists3 .teacherpic9{margin-left: 136px;}
.teamain_bot .botlists3 .bot3con{position: absolute;left: 136px;top: 14px;}
.teamain_bot .botlists3 .bot3con p{float: left;width: 138px;margin-right: 29px;padding: 22px 0 0 84px;font-size: 16px;color: #000;line-height: 26px;}
/*教研团队*/
.box_teacher .teacher_tab{height: 55px;border-bottom: 1px #dee0ea solid;text-align: center;margin: 33px 0 0;}
.box_teacher .teacher_tab p{height: 52px;display: inline-block;font-size: 18px;color: #646464;line-height: 52px;margin: 0 15px;cursor: pointer;}
.box_teacher .teacher_tab p.cur{font-size: 20px;color: #1660e0;font-weight: bold;border-bottom: 4px #2b74f3 solid;}

.box_teacher .teacher_con .teacher_main{display: none;position: relative;}
.box_teacher .teacher_con .teacher_main1{display: block;}
.box_teacher .teacher_con .teacher_main .maincon{position: relative;height: 840px;padding-bottom: 80px;}
.box_teacher .teacher_con .teacher_main2 .maincon{height: 690px;}
.box_teacher .teacher_con ol{width: 100%;position: absolute;left: 0;bottom: 526px;height: 16px;text-align: center;z-index: 6;}
.box_teacher .teacher_con ol li{display: inline-block;width: 10px;height: 10px;border-radius: 50%;border: 2px #2b74f3 solid;margin: 0 5px;cursor: pointer;}
.box_teacher .teacher_con ol li.cur{background: #2b74f3;}
.box_teacher .teacher_main .maincon ul{width: 1230px;position: absolute;left: 0;top: 0;display: none;}
.box_teacher .maincon ul.cur{display: block;}
.box_teacher .maincon ul li{width: 221px;height: 380px;float: left;margin: 40px 24px 0 0;box-shadow: 0 5px 18px rgba(137,180,255,.16);background: #fff;position: relative;overflow: hidden;border-radius: 7px;}
.box_teacher .teacher_main2 .maincon ul li{height: 305px;}
.box_teacher .maincon ul li .main_pic{height: 245px;overflow: hidden;}
.box_teacher .maincon ul li .main_pic img{display: block;width: 100%;}
.box_teacher .maincon ul li .main_bot h2{font-size: 20px;color: #1b1b1b;font-weight: bold;padding: 15px 11px 11px;}
.box_teacher .maincon ul li .main_bot h2 span{font-size: 15px;color: #909090;font-weight: 100;padding-left: 12px;}
.box_teacher .maincon ul li .main_bot h3{font-size: 12px;color: #919191;height: 24px;padding: 0 11px 11px 5px;}
.box_teacher .maincon ul li .main_bot h3 span{font-size: 12px;color: #919191;float: left;padding: 0 6px;height: 22px;line-height: 22px;border: 1px #e5e8f3 solid;border-radius: 11px;margin-left: 6px;}
.box_teacher .maincon ul li .main_bot p{font-size: 12px;color: #8c8c8c;padding: 0 11px;line-height: 20px;}
.box_teacher .maincon ul li .main_mask{position: absolute;width: 100%;height: 100%;left: 0;top: 380px;background: rgba(16,84,200,.93);transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;z-index: 3;}
.box_teacher .maincon ul li .main_mask h2{font-size: 24px;color: #fff;font-weight: bold;padding: 26px 16px 8px;}
.box_teacher .maincon ul li .main_mask h2 span{font-size: 15px;color: #fff;font-weight: 100;padding-left: 12px;}
.box_teacher .maincon ul li .main_mask p{font-size: 14px;color: #fff;padding: 0 16px 0 18px;line-height: 26px;overflow: hidden;height: 234px;}
.box_teacher .maincon ul li .main_mask h3{font-size: 14px;color: #fff;padding-bottom: 11px;border-bottom: 1px #4679d0 solid;width: 198px;margin: 0 0 10px 18px;}
.box_teacher .maincon ul li:hover .main_mask{top: 0;}
/* ----------2020免费教程资源---------- */
.box_resources{padding-top: 55px;background: #fafbff;}
.box_resources .resources_con ol{padding: 40px 0 30px;}
.box_resources .resources_con ol li{float: left;height: 25px;border: 1px #ccced3 solid;border-radius: 25px;line-height: 25px;padding: 0 9px;margin-right: 11px;font-size: 15px;color: #737373;cursor: pointer;}
.box_resources .resources_con ol li.cur{background: #216ef4;border-color: #216ef4;font-weight: bold;font-size: 16px;color: #fff;}
.box_resources .resources_con ol li.con_right {float: right;font-size: 14px;}
.box_resources .resources_con ol li.con_right a{color: #a6a6a6;display: block;}
.box_resources .resources_con ol li.con_right:hover{background: #216ef4;border-color: #216ef4;}
.box_resources .resources_con ol li.con_right:hover a{color: #fff;}
.box_resources .lay_con{overflow: hidden;}
.box_resources .lay_con ul{overflow: hidden;width: 1225px;}
.box_resources .lay_con ul.open_html{padding-bottom: 76px;}
.box_resources .lay_con ul li{width: 222px;margin: 0 23px 33px 0;float: left;overflow: hidden;border-radius: 10px;padding-bottom: 15px;}
.box_resources .lay_con ul h2{font-size: 15px;color: #515151;line-height: 24px;margin: 10px 0;overflow: hidden;padding: 0 10px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 45px;}
.box_resources .lay_con ul .btm{padding: 0 10px;}
.box_resources .lay_con ul li .img_box{width: 222px;height: 146px;border-radius: 10px;overflow: hidden;position: relative;}
.box_resources .lay_con ul li .mask_img1{width: 222px;height: 146px;}
.box_resources .lay_con ul li .img_box>img{width: 222px;height: 146px;}
.box_resources .lay_con .sy_mask{width: 222px;height: 146px;background: rgba(0,0,0,.6);border-radius: 10px;position: absolute;top: 0;left: 0;overflow: hidden;display: none;}
.box_resources .lay_con .open_html li .img_box{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.box_resources .lay_con .open_html .sy_mask{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.box_resources .lay_con .sy_mask a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.box_resources .lay_con .sy_mask .sy_show{display: block;margin: 59px auto}
.box_resources .lay_con ul li:hover .sy_mask{display: block;}
.box_resources .lay_con .open_html li{background: #fff;}
.box_resources .lay_con .open_html li a{display: block;overflow: hidden;}
.box_resources .lay_con .open_html li:hover{box-shadow: 0 4px 10px rgba(115,140,240,.18);}
.box_resources .lay_con ul .btm span{float: left;}
.box_resources .lay_con ul .btm .span1{width: 42px;color: #919191;}
.box_resources .lay_con ul .btm .span2{width:auto;text-align: right;color: #ff2e2e;float: right;}
.box_resources .lay_con ul .btm .span2 img{float: left;margin: 1px 8px 0 0;}
.box_resources .lay_con ul .btm .span2 i{font-style: inherit;}
.box_resources .lay_con ul .btm .span3{color: #646363;width:110px;}
.box_resources .lay_con ul .btm p{width: auto;float: right; background: url("http://yun.itheima.com/Root/images/sy_box2icon1.jpg") no-repeat left center ;padding-left: 20px;color: #919191;}
.box_resources .lay_con ul .btm p.p_on{background-image: url("http://yun.itheima.com/Root/images/sy_box2icon1.jpg");}
.box_resources .lay_con ul .btm p b{font-weight: normal;}
.box_resources .lay_con ul .btm .p_on b{color: #ff8a00;line-height: 20px;}
.box_resources .lay_con ul .btm span.span_on{background: url("http://yun.itheima.com/Root/images/images/sy_box3icon2.jpg") no-repeat 30px center;}
.box_resources .lay_con ul .img_box .p1{
	font-size: 14px;
	color: #fff;
	padding: 1px 10px 2px;
	border-radius: 0 30px 30px 0;
	position: absolute;
	left: 0;
	top: 12px;
	z-index: 9;
	background: -moz-linear-gradient(left, #ffc50b 0%, #ff1f19 100%);
	background: -webkit-gradient(linear, left left, left right, color-stop(0%,#ffc50b), color-stop(100%,#ff1f19));
	background: -webkit-linear-gradient(left, #ffc50b 0%,#ff1f19 100%);
	background: -o-linear-gradient(left, #ffc50b 0%,#ff1f19 100%);
	background: -ms-linear-gradient(left, #ffc50b 0%,#ff1f19 100%);
	background: linear-gradient(to right, #ffc50b 0%,#ff1f19 100%);
}
.box_resources .lay_con .layh2{font-size: 20px;color: #313131;font-weight: bold;padding-bottom: 16px;}
.box_resources .lay_con .layh2 a{float: right;font-weight: 100;height: 25px;border: 1px #ccced3 solid;border-radius: 25px;line-height: 25px;padding: 0 9px;font-size: 14px;color: #a6a6a6;cursor: pointer;}
/* ----------2020Tlias全方位AI教辅系统---------- */
.box_tlias{padding: 56px 0 48px;}
.box_tlias .tlias_top{width: 1200px;margin: 0 auto;padding: 25px 0 82px;}
.box_tlias .tlias_cen{background: #216ef4;padding: 58px 0 40px;}
.box_tlias .main{position: relative;}
.box_tlias .main ul{width: 700px;float: left;margin-top: 8px;}
.box_tlias .main ol{width: 485px;float: right;overflow: hidden;}
.box_tlias .main ul li{background:#2562cc ;border-radius: 10px;height:445px;display: none;}
.box_tlias .main ul li img{border: 10px solid #fff;border-radius: 10px;margin: -8px 0 0 8px;background: #fff;width: 672px;}
.box_tlias .main ul li p{font-size: 15px;color: #fff;padding: 8px 30px;line-height: 24px;}
.box_tlias .main ol li{width: 140px;height: 140px;float: left;background: #fff;margin: 0 0 15px 16px ;box-shadow: 6px 6px 0 #2251c5;border-radius: 8px;cursor: pointer;}
.box_tlias .main ol li img{display: block;margin: 30px auto 15px;}
.box_tlias .main ol li p{font-size: 16px;color: #26355a;text-align: center;}
.box_tlias .main ol li.on{background: #cee0ff;}
.box_tlias .main ol li.on p{font-weight: bold;}
.box_tlias .main ul li.onshow{display: block;}
.box_tlias .main .cenpic{position: absolute;right: 171px;top: 156px;width: 140px;height: 140px;}
.box_tlias .tlias_bot h2{font-size: 20px;color:#313131;font-weight: bold;padding: 43px 0 32px;}
.box_tlias .tlias_bot ul li{float: left;width: 240px;height: 77px;margin-bottom: 26px;}
.box_tlias .tlias_bot ul li img{float: left;}
.box_tlias .tlias_bot ul li p{float: left;font-size: 16px;color: #313131;padding: 15px 0 0 13px;}
.box_tlias .tlias_bot ul li.botone p{padding-top: 30px;}
/* ----------2020传智汇-打造你的IT职业生态圈---------- */
.itczh{background: #fafbff;padding: 40px 0 92px;}
.itczh .itczh_con ul{overflow: hidden;margin-top: 42px;}
.itczh .itczh_con ul li{
	float: left;
	width: 191px;
	height: 426px;
	overflow: hidden;
	position: relative;
	transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease;
}
.itczh .itczh_con ul li.cur{width: 625px;}
.itczh .itczh_con ul li img{
	position: absolute;
	left: 0;
	top: 0;
	transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease;
}
.itczh .itczh_con ul li .con{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px 20px 10px;
	z-index: 2;
}
.itczh .itczh_con ul li.cur .con{
	background: -webkit-linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
	background: -o-linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
	background: -moz-linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
	background: linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
}
.itczh .itczh_con ul li .con h2{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}
.itczh .itczh_con ul li .con h2 span{
	display: block;
	width: 50px;
	height: 2px;
	background: #ffb62a;
	margin: 6px 0 10px;
}
.itczh .itczh_con ul li.cur h2 span{background: #2a9dff;}
.itczh .itczh_con ul li .con p{
	font-size: 14px;
	color: #fff;
	line-height: 22px;
}
.itczh .itczh_con ul li .itczhcon_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #00008a;
	opacity: .7;
}
.itczh .itczh_con ul li.cur .itczhcon_bg{opacity: 0;}
.itczh .itczh_con ul li img.itczhpic2{left: -320px;}
.itczh .itczh_con ul li.cur img.itczhpic2{left: 0;}
.itczh .itczh_con .a_btn{
	background: #ff7e15;
	width: 215px;
	margin: 60px auto 0;
	box-shadow: 0 0 30px rgba(255,126,21,.32);
}
.itczh .itczh_con .a_btn:hover{background: #ff6d15;}
/* ----------2020最新IT资讯---------- */
.box_newsinfo{padding: 53px 0 70px;}
.box_newsinfo .newsinfo_vid{padding: 36px 0 30px;position: relative;}
.box_newsinfo .newsinfo_vid .vidmore{position: absolute;font-size: 15px;color: #8c8c8c;right: 0;top: 8px;}
.box_newsinfo .newsinfo_vid .vidmore:hover{color: #2d6fe1;}
.box_newsinfo .newsinfo_vid .vid_left{float: left;width: 464px;}
.box_newsinfo .newsinfo_vid .vid_right{float: right;width: 732px;}
.box_newsinfo .newsinfo_vid ul li{margin-bottom: 9px;position: relative;float: left;cursor: pointer;overflow: hidden;width: 223px;height: 126px;}
.box_newsinfo .newsinfo_vid .vid_left ul li{width: 464px;height: 261px;}
.box_newsinfo .newsinfo_vid ul li img{width: 100%;display: block;}
.box_newsinfo .newsinfo_vid .vid_right ul li{margin-left: 21px;}
.box_newsinfo .newsinfo_vid ul{overflow: hidden;}
.box_newsinfo .newsinfo_vid ul li p{position: absolute;width: 80%;left: 0;bottom: 0;font-size: 16px;color: #fff;padding: 0 16% 0 5%;overflow: hidden;}
.box_newsinfo .newsinfo_vid .vid_left ul li p{height: 45px;line-height: 45px;background: url("/2020gw/images/newsinfovid1.png") no-repeat 418px 4px;}
.box_newsinfo .newsinfo_vid .vid_right ul li p{height: 28px;line-height: 28px;background: rgba(0,0,0,.4) url("/2020gw/images/newsinfovid1.png") no-repeat 195px center;background-size: 17px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.box_newsinfo .newsinfo_vid .vid_right ul li:hover p{height: auto;}
.box_newsinfo .newsinfo_vid ul li:hover p{background-image: url("/2020gw/images/newsinfovid2.png");}
.box_newsinfo .newsinfo_list .list_main{float: left;width: 340px;margin-left: 28px;}
.box_newsinfo .newsinfo_list .list_main:first-child{width: 464px;margin-left: 0;}
.box_newsinfo .newsinfo_list .list_main h2{width: 100%;height: 54px;line-height: 54px;border-bottom: 1px #dce3f0 solid;margin-bottom: 16px;}
.box_newsinfo .newsinfo_list .list_main h2 a{float: right;font-size: 15px;color: #8c8c8c;}
.box_newsinfo .newsinfo_list .list_main h2 a:hover{color: #2d6fe1;}
.box_newsinfo .newsinfo_list .list_main h2 span{font-size: 24px;color: #313131;float: left;height: 54px;border-bottom: 1px #216ef4 solid;}
.box_newsinfo .newsinfo_list .list_main ul li{line-height: 39px;height: 39px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.box_newsinfo .newsinfo_list .list_main ul li a{font-size: 16px;color: #737373;}
.box_newsinfo .newsinfo_list .list_main ul li a span{font-weight: bold;display: inline-block;height: 6px;box-shadow: 0 22px 0 #e4e9f1;border-radius: 10px;padding: 0 4px;margin-right: 13px;}
.box_newsinfo .newsinfo_list .list_main ul li:nth-child(-n+3) a span{color: #ff4545;}
.box_newsinfo .newsinfo_list .list_main ul li:hover a{text-decoration: underline;color: #2d6fe1;}
/* ----------2020底部---------- */
.footer2{background: #474747;}
.footer2 .footer_top{padding: 30px 0 0;}
.footer2 .footer_top .footer_logo{height: 29px;padding-bottom: 36px;}
.footer2 .footer_top .footer_logo h2{width: 101px;height: 100%;line-height: 29px;text-align: center;background: #606060;font-size: 14px;color: rgba(225,225,225,.6);float: left;position: relative;}
.footer2 .footer_top .footer_logo h2:before {content: '';position: absolute;right: -4px;top: 10px;width: 0;height: 0;border-left: 4px solid #606060;border-top: 4px solid transparent;border-bottom: 4px solid transparent;z-index: 7;}
.footer2 .footer_top .footer_logo ul{float: left;}
.footer2 .footer_top .footer_logo ul li{float: left;margin-left: 36px;}
.footer2 .footer_top .footer_logo ul li img{display: block;}
.footer2 .footer_top .footer_yqlj ol{height: 27px;border-bottom: 1px #555556 solid;}
.footer2 .footer_top .footer_yqlj ol li{float: left;height: 27px;font-size: 16px;color: #a2a2a2;margin-right: 24px;cursor: pointer;}
.footer2 .footer_top .footer_yqlj ol li.cur{border-bottom: 1px #fff solid;color: #fff;}
.footer2 .footer_top .footer_yqlj ul{border-bottom: 1px #555556 solid;}
.footer2 .footer_top .footer_yqlj ul li{padding: 18px 0;display: none;}
.footer2 .footer_top .footer_yqlj ul li.cur{display: block;}
.footer2 .footer_top .footer_yqlj ul li a{font-size: 14px;color: #a3a3a3;margin-right: 15px;line-height: 28px;}
.footer2 .footer_top .footer_ch{padding: 21px 0 28px;}
.footer2 .footer_top .footer_ch ol{float: left;padding-top: 10px;}
.footer2 .footer_top .footer_ch ol li{width: 160px;float: left;margin-right: 65px;}
.footer2 .footer_top .footer_ch ol h2{font-size: 16px;color: #fff;padding-bottom: 6px;}
.footer2 .footer_top .footer_ch ol p a{font-size: 14px;color: #afafaf;float: left;width: 50%;line-height: 24px;}
.footer2 .footer_top .footer_ch ol p a:hover{color: #fff;}
.footer2 .footer_top .footer_ch ul{float: right;width: 378px;}
.footer2 .footer_top .footer_ch ul li{float: left;width: 113px;}
.footer2 .footer_top .footer_ch ul li img{display: block;margin: 0 auto 8px;}
.footer2 .footer_top .footer_ch ul li p{font-size: 14px;color: #c0c0c0;text-align: center;}
.footer2 .footer_bot{background: #333;padding: 20px 0 32px;}
.footer2 .footer_bot p{font-size: 14px;text-align: center;color: #474747;margin-bottom: 5px;}
.footer2 .footer_bot p a{color: #656464;margin: 0 8px}
.footer2 .footer_bot .footbq{color: #656464;}
/* ----------2020视频弹窗---------- */
.mask_video{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 100;display: none;}
.mask_video .mask_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.7);}
.mask_video .video_con{position: absolute;width: 1000px;left: 50%;top: 50%;text-align: center;transform: translate(-50%, -50%);}
.mask_video .video_con .close{position: absolute;right: -36px;top: -36px;width: 32px;cursor: pointer;}