.pdt20{padding-top:20px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt50{padding-top:50px;}
.pdb50{padding-bottom:50px;}
.pdb80{padding-bottom:80px;}
.mdt50{margin-top:50px;}

.main {width: 100%; min-width:1200px;margin:0px auto;}
.pro-switch {height: 360px;overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block; border-radius:2px;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 360px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 10%;}
.flex-direction-nav .flex-prev {left: 10%;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;text-align: center;left:0; top:325px;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -17px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 18px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}
/*课堂实录*/
.xx_classroom{width:100%;height:700px; min-width:1200px;margin:0 auto; background:#f5f8fa; position:relative;}
.xx_class_main_left{float:left;width:374px;height:384px;margin-top:50px;margin-left:30px;}
.xx_class_main_left img{width:374px;height:384px;border-radius:2px;}
.xx_class_main{float:right;width:780px; margin:0 auto;}
.xx_class_main ul{width:100%;margin-top:20px;}
.xx_class_main ul li{float:left;width:229px;height:176px;margin:0px 12px;background:#fff;border-radius:2px;position:relative; overflow:hidden;transition:0.4s; -webkit-transition:0.4s;top:0px; position:relative;margin-top:30px;}
.xx_class_main ul li img{width:100%;height:117px;border-radius:2px 2px 0px 0px;}
.xx_class_main ul li .clrl{font-size:14px;color:#444; text-align:left;line-height:30px;padding-left:10px;}
.xx_class_main ul li .clrl_01{float:left; font-size:12px;color:#999999; text-align:left;padding-left:10px;}
.xx_class_main ul li .clrl_01 img{width:14px;height:9px;margin-right:5px;}
.xx_class_main ul li .clrl_02{float:left; font-size:12px;color:#999999; text-align:left;padding-left:10px;}
.xx_class_main ul li .clrl_02 img{width:12px;height:12px;margin-right:5px;}
.xx_class_main ul li .clrl_hover{width:100%; position:absolute;top:184px;height:62px;background:#fff; text-align:left;}
.xx_class_main ul li .clrl_hover p{font-size:14px;color:#444444;margin-top:15px;line-height:30px;padding-left:20px;}
.xx_class_main ul li .clrl_hover p span{ float:right;display:block;width:80px;height:30px;line-height:30px; text-align:center;color:#fff;background:#4bbbfa;border:1px #19a8f9 solid;border-radius:2px;margin-right:20px;transition:0.4s; -webkit-transition:0.4s;}
.xx_class_main ul li:hover{box-shadow: 0px 19px 18px -9px rgba(0,0,0,0.1);top:-15px;transition:0.4s; -webkit-transition:0.4s; }
.xx_class_main ul li:hover .clrl_hover{top:117px;transition:0.4s; -webkit-transition:0.4s;}
.xx_class_main ul li .clrl_hover p span:hover{background:#49b4f1;transition:0.4s; -webkit-transition:0.4s;}
.xxzy_more{width:100%;margin-top:55px;}
.xxzy_more span{padding:10px 20px;border:1px #000 solid;background:#f5f5f5;border:1px #dcdcdc solid;border-radius:5px;transition:0.4s; -webkit-transition:0.4s;}
.xxzy_more span:hover{ background:#ff6960;color:#fff;border-radius:5px;border:1px #ff6960 solid;transition:0.4s; -webkit-transition:0.4s;}
/*华清直播课*/
.xxzy_radio_main{width:100%;min-width:1200px;margin:0 auto; position:relative;}
.xxzy_radio_main ul{width:100%;}
.xxzy_radio_main ul li{ float:left;width:218px;height:210px;border-radius:2px;margin:0px 11px;transition:0.4s; -webkit-transition:0.4s;}
.xxzy_radio_main ul li img{width:100%;height:133px;border-radius:2px 2px 0px 0px;}
.xxzy_radio_main ul li p {color: #444;padding-left: 15px;text-align: left;line-height: 25px;}
.xxzy_radio_main ul li p span{padding-left:12px;}
.xxzy_radio_main ul li .marke_p1 {font-size: 14px;margin-top: 10px;}
.xxzy_radio_main ul li .marke_p1 a{color:#444;}
.xxzy_radio_main ul li .marke_p2 {font-size: 12px;}
.xxzy_radio_main ul li:hover{background:#fff;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.1);transition:0.4s; -webkit-transition:0.4s;}
.xxzy_radio_main ul li:hover .marke_p1 {color:#ff6960;}
/*免费技术资源下载*/
.xxzy_download{width:100%;height:640px; min-width:1200px;margin:0 auto; background:#f5f8fa; position:relative;}
.xxzy_download_main{width:100%;}
.xxzy_download_main ul{width:100%;margin-top:70px;}
.xxzy_download_main ul li{float:left;width:274px;height:113px;margin:0px 12px;background:#fff; border:1px #e4ecf3 solid;border-radius:5px; position:relative; overflow:hidden;transition:0.4s; -webkit-transition:0.4s; }
.xxzy_download_main ul li .left{float:left;width:120px; text-align:center;}
.xxzy_download_main ul li .left img{width:39px;height:48px;margin-top:32px;}
.xxzy_download_main ul li .right{float:right;width:154px;}
.xxzy_download_main ul li .right p{width:100%;margin-top:32px;padding-bottom:8px;}
.xxzy_download_main ul li .right img{width:11px;height:13px;}
.xxzy_download_main ul li .right span{ font-size:14px;color:#999999;}

.xxzy_download_hover{width:274px;height:113px; background:#fff; position:absolute;top:113px; }
.xxzy_download_hover .left1{float:left;width:120px; text-align:center;}
.xxzy_download_hover .left1 img{width:39px;height:48px;margin-top:32px;}
.xxzy_download_hover .right1{float:right;width:154px;}
.xxzy_download_hover .right1 p{width:100%;margin-top:32px;padding-bottom:8px;}
.xxzy_download_hover .right1 img{width:11px;height:13px;}
.xxzy_download_hover .right1 span{ font-size:14px;color:#ff6960;}
.xxzy_download_main ul li:hover{box-shadow: 0px 19px 18px -9px rgba(0,0,0,0.1);margin-top:-10px;transition:0.4s; -webkit-transition:0.4s; }
.xxzy_download_main ul li:hover .xxzy_download_hover{ position:absolute;top:0px;}


/*干货分享*/
.emb_Dry{width: 100%;height:1000px;background:#f7f7f7;min-width:1200px; position:relative;margin:0 auto;}
.emb_Dry_main{width:100%;margin:0 auto;}
.emb_Dry_main01{width:346px;height:402px;background:#fff;border-radius:5px; overflow:hidden;}
.emb_Dry_main01 p{width:100%;height:104px;line-height:104px;background:#ff6960;}
.prolist{width:96%;margin:0 auto;margin-top:10px;}
.prolist li{float:left;width:90px;height:90px; position:relative;margin:0px 10px;}
.prolist li img{width:45px;height:38px;margin-top:15px;}
.prolist li span{ display:block; font-size:14px;color:#666;margin-top:2px;}
.prolist_hover{width:100%;height:90px;background:#fff;border-radius:2px;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.1); position:absolute;top:0px;}
.prolist_hover span{ display:block;color:#ff6960 !important;}

.emb_Dry_main02{width:408px;height:402px;background:#f7f7f7;border-radius:5px; overflow:hidden;margin-left:19px; margin-top: 70px;}
.emb_Dry_title{width:85%;margin:0 auto;line-height:27px;padding-top:30px;}
.emb_Dry_title p{float:left;width:90px;height:27px;border-radius:13.5px;background:#82a9d5; font-size:14px;color:#fff;}
.emb_Dry_title a{ font-size:14px;color:#999; float:right;}
.emb_Dry_main022{width:85%;margin:0 auto;padding-top:20px;}
.emb_Dry_main022 li{width:100%;margin:0 auto;}
.emb_Dry_main022 li p{ float:left; font-size:14px; color:#666;line-height:28px; text-align:left;margin-top:8px;}
.emb_Dry_main022 li img{float:right;width:70px;height:70px;border-radius:10px;}

.emplo_c01{ width:100%; height:auto;position:relative;}
.emplo_d01{ width:100%; height:auto; margin:0 auto; display:table;}
.emplo_d01 li{width:100%; margin:0 auto;}
.emplo_f01{ width:27px; height:23px; position:absolute; top:-46px; right:27px; z-index:99; cursor:pointer;}
.emplo_g01{ width:27px; height:23px; position:absolute; top:-46px; right:0px; z-index:99; cursor:pointer;}
.emplo_h01{width:100%; height:auto; margin:0 auto;}
.emplo_d011{width:100%;border-bottom:1px #dedede dashed;padding-bottom:15px;padding-top:15px;}

.emb_Dry_main03{width:408px;height:402px;background:#fff;border-radius:5px; overflow:hidden;margin-left:19px;}
.emb_Dry_main03 ul{width:366px;margin:0 auto;margin-top:15px;}
.emb_Dry_main03 ul li{width:100%;height:72px;background:#f7f7f7;border-radius:2px;margin-top:10px;}
.emb_Dry_main03 ul li p{ font-size:14px;color:#666; text-align:left;padding-top:15px;padding-left:30px;}
.emb_Dry_main03 ul li span{ display:block;font-size:12px;color:#999;text-align:left;margin-top:5px;padding-left:38px;}

.emb_Dry_main04{width:346px;height:402px;background:#f7f7f7;border-radius:5px; overflow:hidden;margin-top: 70px;}
.emb_Dry_main04 ul{margin-top:30px;}
.emb_Dry_main04 ul li{width:100%;height:30px;line-height:30px; text-align:left;}
.emb_Dry_main04 ul li img{float:left;padding-left:25px;margin-top:12px;}
.emb_Dry_main04 ul li a{float:left;width:290px;color:#444444; font-size:14px;padding-left:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.emb_Dry_main04 ul li a:hover{color:#ff6960;}





/*讲师技术博文*/
.xxzy_articles{width:100%; min-width:1200px;margin:0 auto; position:relative;padding-bottom:80px;}
.xxzy_articles_main{width:100%;}
.xxzy_articles_left{float:left;width:525px;height:340px;border:1px #f5f5f5 solid; border-radius:2px;padding:5px 25px;margin-top:60px;margin-left:10px;}
.xxzy_art_title{width:100%;height:50px; line-height:50px;border-bottom:1px #f5f5f5 solid; text-align:left;}
.xxzy_art_title a{float:right; font-size:14px; color:#999999;}
.xxzy_art_title a:hover{color:#ff6960;}
.xxzy_articles_left ul{width:100%}
.xxzy_articles_left ul li{float:left;width:50%;height:50px;margin-top:38px;}
.xxzy_articles_left ul li .left{float:left;width:50px;height:50px; overflow:hidden;}
.xxzy_articles_left ul li .left img{width:50px;height:50px;transition: .4s;-webkit-transition: .4s}
.xxzy_articles_left ul li .left img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .4s;-webkit-transition: .4s}
.xxzy_articles_left ul li .right{float:right; text-align:left;width:190px;}
.xxzy_articles_left ul li .right p a{color:#444444;}
.xxzy_articles_left ul li .right p a:hover{color:#ff6960;}
.xxzy_articles_left ul li .right p span{margin-left:8px;}
.xxzy_articles_right{float:right;width:525px;height:340px;border:1px #f5f5f5 solid; border-radius:2px;padding:5px 25px;margin-top:60px;margin-right:10px;}
.xxzy_articles_right .left{float:left;width:201px;padding-top:15px;}
.xxzy_articles_right .left .left_img{width:201px;height:117px; overflow:hidden; position:relative;margin-top:10px;}
.xxzy_articles_right .left .left_img img{width:100%;transition: .4s;-webkit-transition: .4s;height:100%;}
.xxzy_articles_right .left .left_img img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .4s;-webkit-transition: .4s}
.xxzy_articles_right .left .left_img p{ position:absolute;left:15px;bottom:10px;}
.xxzy_articles_right .right{ float:right;width:304px;padding-top:15px;}
.xxzy_articles_right .right ul{width:100%; text-align:left;margin-top:10px;}
.xxzy_articles_right .right ul li{width:100%;height:50px;line-height:50px;}
.xxzy_articles_right .right ul li a{ font-size:14px; color:#444444;}
.xxzy_articles_right .right ul li a:hover{color:#ff6960;}
.xxzy_articles_right .right ul li span{ float:right; font-size:12px; color:#999;}

.xxzy_articles_right01{float:left;width:525px;height:340px;border:1px #f5f5f5 solid; border-radius:2px;padding:5px 25px;margin-top:60px;margin-right:10px;}
.xxzy_articles_right01 .left{float:left;width:201px;padding-top:15px;}
.xxzy_articles_right01 .left .left_img{width:220px;height:250px; overflow:hidden; position:relative;margin-top:10px;}
.xxzy_articles_right01 .left .left_img img{width:100%;transition: .4s;-webkit-transition: .4s;height:100%;}
.xxzy_articles_right01 .left .left_img img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .4s;-webkit-transition: .4s}
.xxzy_articles_right01 .left .left_img p{ position:absolute;left:15px;bottom:10px;}
.xxzy_articles_right01 .right{ float:right;width:304px;padding-top:15px;}
.xxzy_articles_right01 .right ul{width:100%; text-align:left;margin-top:10px;}
.xxzy_articles_right01 .right ul li{width:100%;height:50px;line-height:50px;}
.xxzy_articles_right01 .right ul li a{ font-size:14px; color:#444444;}
.xxzy_articles_right01 .right ul li a:hover{color:#ff6960;}
.xxzy_articles_right01 .right ul li span{ float:right; font-size:12px; color:#999;}
/*时间*/
.xxzy_data{width:100%;min-width:1200px; margin:0 auto;background:#f5f8fa; position:relative;}
.xxzy_data_1{width:100%;height:100px;border-bottom:1px #f1f1f1 solid; text-align:left;}
.xxzy_data_1 ul{padding:32px 0px;}
.xxzy_data_1 ul li{ float:left;margin:0px 26px;}
.xxzy_data_1 ul li img{float:left;margin-top:4px; margin-right:15px;}
.xxzy_data_1 ul li p{float:left;color:#999999; font-size:20px;font-weight:bold;}
.xxzy_data_1 ul li p span{float:left; display:block; font-size:14px; color:#999999;font-weight:normal;}