@charset "gb2312";
/* CSS Document */
.fz24{ font-size:24px;}
.fz14{font-size:14px !important;}
/*左侧导航*/
.emb_nav{width:270px;height:480px;margin:0 auto; position:absolute;top:12px;background: rgba(0,0,0,0.5); z-index:1;}
.emb_nav ul{width:100%;margin:0 auto; margin-top: 2px;}
.emb_nav ul li{width:100%;height:68px;transition:.4s; -webkit-transition:.4s;}
.emb_nav ul li p{color:#fff; text-align:left;padding-top:15px;padding-left:18px;}
.emb_nav ul li span{ display:block;color:#b2b2b2; text-align:left;margin-top:8px;padding-left:15px;}
.emb_nav ul li i{ display:block;width:232px;height:40px;line-height:40px; font-size:18px;color:#fff;border:1px #fff solid; border-radius:5px;margin:0 auto;margin-top:10px;transition:.4s; -webkit-transition:.4s;}
.emb_nav ul li:hover{width:100%;height:79px;background:url(../images/emb_nav.jpg) #4a515a left center no-repeat;transition:.4s; -webkit-transition:.4s;}
.emb_nav ul li:hover p{color:#ff6960; }
.emb_nav ul li:hover span{color:#fff;}
.emb_nav ul li i:hover{background:#ff6960;transition:.4s; -webkit-transition:.4s;}

/*banner*/
.main {margin:0px auto;width: 100%;min-width:1200px; position:relative;}
.pro-switch {height: 480px;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;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 480px;}
.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 .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:422px;}
.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: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}
/*了解华清*/
.emb_understand{width: 100%;background:#f7f7f7;min-width:1200px; position:relative;margin:0 auto;padding-bottom:40px;}
.emb_understand_top{width:100%;margin:0 auto;padding-top:30px;}
.emb_understand_top li{float:left;width:231px;height:110px;background:url(../images/eut01.jpg) center no-repeat;border-radius:10px; overflow:hidden;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.1);margin:0px 4px;}
.emb_understand_top li p{ font-size:24px;color:#f6f6f6; font-weight:bold; text-align:left;padding-top:18px;padding-left:30px;}
.emb_understand_top li p i{ display:block;font-size:30px;color:#f7665e; font-weight:bold;}
.emb_understand_top li span{  display:block;width:88px; line-height:28px;font-size:16px;color:#ffaf03; font-weight:bold;margin:0 auto;background:#fff; border-radius:14px;margin-top:18px;margin-bottom:10px;}
.emb_understand_top li em{ display:block; font-size:14px;color:#fff;}
.emb_understand_top_left{width:125px;margin-top:14px;margin-left:6px;}
.emb_understand_top_left i{float:left;width:62px;height:40px;line-height:40px;border-right:1px #707070 solid;border-bottom:1px #707070 solid;color:#fff; font-size:12px;}
.emb_understand_top_left i:hover{color:#ff6960}
.emb_understand_top_right{width:91px;height:110px;background:#ff6960;}
.emb_understand_top_right p{margin-top:10px !important;margin-left:12px !important;}
.emb_understand_title{width:100%;margin:0 auto;padding-top:50px;padding-bottom:40px;}
.emb_understand_title em{float:left; display:block;width:4px;height:25px;background:#ff6960;border-radius:2px;margin-top:5px;margin-right:20px;}
.emb_understand_title p{float:left;}
.emb_understand_title i{ float:right; display:block;margin-top:10px;    margin-right: 19px;}
.emb_understand_title i:hover{color:#ff6f60}
.emb_understand_main{width:100%;margin:0 auto;}
.emb_understand_main_left{width:737px;height:372px; position:relative;}
.emplo_c{ width:100%; height:372px;position:relative;}
.emplo_d{ width:100%; height:372px;margin:0 auto; display:table;}
.emplo_d li{width:736px; position:relative;}
.emplo_d li img{width:737px;height:372px;}
.emplo_d li p{width:706px;height:60px;line-height:60px;background: rgba(0,0,0,0.8); position:absolute;bottom:3px; text-align:left;padding-left:30px;}
.emplo_f{ width:32px; height:50px; position:absolute; top:155px; left:0px; z-index:99; cursor:pointer;}
.emplo_g{ width:32px; height:50px; position:absolute; top:155px; right:1px; z-index:99; cursor:pointer;}
.emplo_h{width:737px; height:auto; margin:0 auto; position:relative;}
.emb_understand_main_more{width:134px;height:60px;line-height:60px;background:#ff6960; position:absolute;bottom:0px;right:1px;}
.dyna_right{float:right;width:420px;height:372px;background:#fff; position:relative;}
.dyna_right .tabTitle3 {margin:0 auto;padding-top:20px;padding-left:20px;}
.dyna_right .tabTitle3 span{ display:block;float:left;}
.dyna_right .tabTitle3 li{ float:left; color:#444444; font-size:16px; line-height:20px;font-weight:bold;text-align:center; cursor:pointer;}
.dyna_right .tabTitle3 li.hover{ border-bottom:2px #ff6960 solid;padding-bottom:10px;}
.gengduo_m{ font-size:14px; color:#999; position:absolute;top:20px;right:35px;}
.dyr_title{width:100%;padding-top:20px;}
.dyr_title em{ float:left;width:3px;height:20px;background:#ff6960;margin-top:1px;}
.dyr_title p{float:left;color:#444444; font-size:16px; font-weight:bold;padding-left:20px;}
.dyr_title span{float:right; font-size:14px;padding-right:20px;}
.dyr_title a{color:#999;}
.dyr_title a:hover{color:#ff6960;}
.dyr_tit{width:100%; text-align:left;margin-top:24px;}
.dyr_tit .clrr{float:left;width:142px;height:87px; overflow:hidden;margin-left:15px;}
.dyr_tit .clrr img{float:left;width: 142px; height: 87px;}
.dyr_tit .clrr img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.dyr_tit p{float:left;padding-left:10px; color:#999; font-size:14px;}
.dyr_tit p:hover{color:#ff6960}
.dyr_tit span{float:left;color:#999999; font-size:12px; display:block;padding-left:10px;margin-top:10px; line-height:20px;width: 220px;}
.dyr_tit ul{width:100%;margin-top:10px;}
.dyr_tit ul li{float:left;width:100%;height:38px;line-height:38px;}
.dyr_tit ul li img{float:left;padding-left:25px;margin-top:18px;}
.dyr_tit ul li a{color:#444444; font-size:14px;padding-left:10px;}
.dyr_tit ul li a:hover{color:#ff6960;}
/*Java学员*/
.star_ban{ width:1200px; height:auto; margin:0 auto; background:#fff;margin-bottom: 32px;}
.star_left{ width:788px; height:auto; float:left;}
.star_a{ font-size:14px; color:#999999; text-align:left;border-bottom:1px #f5f5f5 solid; padding-bottom:20px;position: relative;}
.star_a b{ font-size:20px; color:#333; display:inline-block; margin-left:20px; margin-right:14px;}
.star_a span{ font-size:18px; color:#efefef; display:inline-block; margin-right:14px;}
.star_a em{ display:inline-block; width:3px; height:20px; background:#e54d26;position: relative; top: 2px;}
.star_right{ width:357px; height:auto; float:right;}
.star_a a{ font-size:14px; float:right; margin-right:14px; color:#999; line-height:34px;}
.star_a a:hover{ color:#e54d26;}
.star_b{ width:357px; height:184px; background:url(../images/list.png) 0px 8px no-repeat;margin-top: 16px;}
.star_b li{ width:100%; height:auto;}
.star_b li a{ font-size:14px; color:#7a7a7a; display:block; overflow:hidden; line-height: 32px; height: 32px;text-align: left;padding-left:30px;}
.star_b li a:hover{ color:#e54d26;}
.star_stu{ width:788px; height:auto; display:table;margin: 0 auto;}
.star_stu li{ float:left; width:254px; height:182px; overflow:hidden; position:relative;margin: 0px 4px;margin-bottom:24px;}
.star_stu p{ font-size:14px; color:#fff; text-align:left; background:rgba(0,0,0,0.8); height:48px; line-height:48px; width:238px; position:absolute; bottom:0px; left:0px; z-index:1; padding-left:16px;overflow: hidden;}
.stu_ma{ color:#ff6740; float:right; margin-right:10px; display:none;}
.stu_mik{ width:254px; height:182px; position:absolute; top:0px; left:0px; z-index:99; background:rgba(0,0,0,0.3); display:none;}
.stu_mik a{ width:100%; height:182px; display:block; text-align:center;}
.stu_mik img{ margin:38px 0;}
.star_stu li:hover .hig_d{ filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */  -moz-filter: blur(10px); -ms-filter: blur(10px);      filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */}
.stu_play{ width:776px; height:auto; margin:0 auto;overflow: hidden; border:1px #e8e8e8 solid;margin-bottom: 30px; text-align: center;}
.xin_biao { width: 776px; height: 44px;}
.xin_hang {  width: 100%; height: 44px; background: #9f9aff;  font-size: 16px;  color: #fff;  text-align: center;}
.xin_lie{ width:76px; height:44px;}
.xin_lie2{ width:67px; height:44px;}
.xin_lie3{ width:162px; height:44px;}
.xin_lie4{ width:100px; height:44px;}
.xin_lie5{ width:225px; height:44px;}
.xin_lie6{ width:110px; height:44px;}
.xin_lie7{ width:76px; height:44px;}
.xin_lie8{ width:117px; height:44px;}
.list_lh { height: 332px; overflow: hidden;}
.list_lh li{ width:776px; height:40px; border-bottom:1px #e8e8e8 solid;}
.list_sh{ width:63px; height:40px; line-height:40px; float:left; font-size:14px; color:#666;}
.list_sh2{ width:78px; height:40px; line-height:40px; float:left; font-size:14px; color:#666;}
.list_sh3{ width:133px; height:40px; line-height:40px; float:left; font-size:14px; color:#666; overflow:hidden;}
.list_sh4{ width:84px; height:40px; line-height:40px; float:left; font-size:14px; color:#666;}
.list_sh5{ width:214px; height:40px; line-height:40px; float:left; font-size:14px; color:#666;}
.list_sh6{ width:103px; height:40px; line-height:40px; float:left; font-size:14px; color:#666; overflow:hidden;}
.list_sh7{ width:75px; height:40px; line-height:40px; float:left; font-size:14px; color:#666;}
.list_sh8{ width:104px; height:40px; line-height:40px; float:left; font-size:14px; color:#666;}
.drawers-wrapper{position: relative; width: 344px;padding-bottom: 26px;margin-top: 12px;}
.drawer{ color:#555; font-size:14px;}
.drawers{margin-bottom:15px;}
.drawers a{color:#666666; text-decoration:none; font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal;}
.drawer li{ line-height:44px;}
ul{list-style: none; padding: 0;}
ul.drawers{margin: 0;}
.drawer-handle{ color:#666; font-size:14px; font-weight:normal; height:34px; line-height:34px; margin-bottom:0pt; width:100%; text-align:left;}
.drawer-shou{ width:100%; height:auto; display:table;}
.draw-sp{ display: inline-block; width:14px; height:14px; background:#e54d26;font-size: 12px; color: #fff;  line-height: 14px;  text-indent: 0;  text-align: center;margin-right: 10px;}
.drawer-shou.open .drawer-handle{ color:#e54d26;}
.drawer ul{padding: 0 12px; padding-bottom:0pt;}
.drawer-content ul{padding-top: 7px;}
.drawer-content li a{display:block; overflow:hidden;}
.alldownloads li{border:0pt none; line-height:18px; padding:0pt;}
.drawer_a{ float:left;}
.drawer_b{ width: 185px;  height: 81px; overflow: hidden;  float: left;  margin-left: 16px;  text-align: left;}
.drawer_b span{ font-size:14px; color:#b4b4b4; display:block;}
.drawer_b p{ font-size:14px; color:#8f8f8f; border-bottom:1px #e1e0e0 dashed; padding-bottom: 8px;  line-height: 22px; margin-top: 10px; margin-bottom: 12px;}
.drawer_b p b{ color:#e54d26; float:right; margin-right:6px; font-size:16px;}
.drawer_c{ width:100%; height:88px !important; display:none; padding-bottom:2px; padding-top:6px;}
.drawer-shou.open .drawer_c{ display:list-item;}
.draw-jui{ background:#cbcbcb;}
.focus_img{ width:343px; height:156px; overflow:hidden;margin-bottom: 30px;}
.focus_img:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.focus_img img{-webkit-transition: .8s;}
/*企业对华清学员评价*/
.adver_tit{width:100%;padding-top:20px;}
.adver_tit em{ float:left;width:3px;height:22px;background:#ff6960;border-radius:1.5px;}
.adver_tit p{float:left;color:#333333; font-size:16px; font-weight:bold;padding-left:20px;}
.adver_tit span{float:right; font-size:14px;padding-right:20px;}
.adver_tit a{color:#999;}
.adver_tit a:hover{color:#ff6960;}
.rade{width:100%;min-width:1200px;margin:0 auto; position:relative;background:#f5f8fa;height:506px;}
.rade_left{ float:left;width:750px;height:370px;background:#fff; position:relative;margin-top:65px;}
.rade_c{ width:100%; position:relative;margin-top:25px;}
.rade_d{ width:100%; height:auto; margin:0 auto; display:table;}
.rade_h{width:625px; height:auto; margin:0 auto;}
.rade_d li{ float:left;width:292px;position:relative;cursor:pointer;overflow:hidden;margin:0px 10px;margin-top:30px;transition:0.4s;-webkit-transition:0.4s;}
.rade_e{width:292px;height:262px; position:relative;}
.rade_01{border-radius:2px 2px 0px 0px;transition: .4s;-webkit-transition: .4s}
.rade_xiao{width:30px;height:30px; position:absolute;right:15px;bottom:115px;}
.rade_hover{width:292px;height:165px; overflow:hidden;position: absolute;top:0px;}
.rade_hover .radeh_01{width:292px;height:165px;transition: .4s;-webkit-transition: .4s;}
.rade_hover .radeh_01:hover{height:165px; overflow:hidden;transform: scale(1.1);-webkit-transform: scale(1.1);transition: .4s;-webkit-transition: .4s}
.rade_hover .radeh_02{width:50px;height:50px; position: absolute;top:50px;left:0px;right:0px;margin:0 auto;}
.rade_e p{width:100%;font-size:14px;color:#333333; text-align:left;margin-top:15px;}
.rade_e p span{padding-left:10px;}
.rade_f{ width:32px; height:50px; position:absolute; top:90px; left:0px; z-index:99; cursor:pointer;}
.rade_g{ width:32px; height:50px; position:absolute; top:90px; right:0px; z-index:99; cursor:pointer;}
.rade_right{float: right;width: 420px;height: 370px;background: #fff;margin-top:65px;}
.rade_1{width:100%;margin-top:25px;}
.rade_1 ul{width:95%;margin:0 auto;}
.rade_1 ul li{ float:left;width:184px;height:124px; overflow:hidden;margin-left:10px;}
.rade_1 ul li img{width:184px;height:124px;transition: .4s;-webkit-transition: .4s}
.rade_1 ul li img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .4s;-webkit-transition: .4s}
.rade_2{width:100%; text-align:left;}
.rade_2 ul{width:90%;margin:0 auto;margin-top:15px;}
.rade_2 ul li{width:100%;font-size:14px;height:30px;line-height:30px;}
.rade_2 ul li span{float:left;color:#ff6960;}
.rade_2 ul li a{float:left;color:#444444;padding-left:20px;}
.rade_2 ul li a:hover{color:#ff6960;}
/*老师*/
.works_all{ width:1140px; height:auto; position:relative;    overflow: hidden;    margin: 0 auto; text-align:center;}
.topic_ten_kuang{ float:left;width: 46px; height: 90px;text-align: center;cursor: pointer; position:absolute; background:rgba(0,0,0,0.5);left: 0px; top: 130px; z-index:121;}
.topic_ten_kuang:hover{background:url(../images/work01.png) repeat;}
.topic_ten_kuang_q:hover{background:url(../images/work01.png) repeat;}
.topic_ten_kuang_q{ float:left;width: 46px; height: 90px;text-align: center;cursor: pointer; position:absolute;background:rgba(0,0,0,0.5);right: 4px; top: 130px; z-index:121;}
.channel_all_u{padding: 27px 0;display:block;}
.works_next{ width:1140px; height:auto; display:table; margin-top:20px;}
.works_next li{ float:left; width:284px; height:auto; overflow: hidden; position:relative; margin-bottom:32px; padding-bottom:20px;}
.colorff{ font-size:20px; color:#fff;padding-bottom: 14px;width:227px; margin:0 auto; padding-top:26px;}
.gold-slide {border-bottom: 1px solid #ececec;padding-bottom: 30px;overflow-x: hidden;width: 1036px;margin: 0 auto 30px}
.gold-slide ul {width: 4288px}
.gold-slide li {width: 230px;margin-right: 38px}
.works_next h5 {color: #00b81e;font-size:20px;line-height:24px;}
.work_jo{ font-size:16px; color:#999; margin-top:6px;}
.works_next .inner-box {width: 284px;height: 370px;margin-bottom: 16px;position: relative;cursor: pointer}
.hover-card,.works_next .hover-mask {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.works_next .hover-mask {background: #000;background: rgba(0,0,0,0.85);filter: alpha(opacity=85);opacity: 0.85}
.works_next .hover-card p {line-height: 22px;height: 195px;overflow: hidden;font-size:14px; color:#fff; width:227px; margin:0 auto; margin-top:15px;margin-bottom: 10px; text-align:left;}
.works_next .hover-card span {display: inline-block; font-size:14px; color:#3eff5e; border:1px #3eff5e solid; height:31px; line-height:31px; border-radius:4px;padding: 0 16px;margin: 8px 0;}
.works_next .teach-icon {position: absolute;left: 0;right: 0;bottom: 60px;margin: 0 auto;width: 74px;height: 74px;opacity: 0}
.works_next .teach-icon img {border-radius: 50%;box-shadow: 3px 0 6px rgba(0,0,0,0.09);width: 72px; height: 72px;}
.works_next li:hover{ box-shadow:0 0 20px 1px rgba(14,5,10,0.3);}
.work_tea{ font-size:16px; font-weight:bold; color:#525252; text-align:left; position:absolute; top:30px; left:16px;}
.work_tea span{ font-weight:normal; font-size:14px; color:#747474; display:block; margin-top:6px;}
/*免费教程*/
.star_free{ float:left; width:345px; height:auto; overflow:hidden; margin-left:20px; margin-top:26px; margin-bottom:32px; text-align:center;}
.free_down{ width:345px; height:92px; background:#f4f4f4;}
.free_down a{ display:inline-block; font-size:14px; color:#666; line-height:92px;margin: 0 8px;}
.free_down a:hover{ color:#e54d26;}
.free_right{ float:left; width:810px; height:auto; display:table; margin-top:26px;margin-left: 14px;}
.free_right li{ float:left; width:240px; height:auto;margin: 0px 15px;    margin-bottom: 16px;}
.free_kuang{ width:240px; height:164px; overflow:hidden; position:relative;}
.free_mik{ width:240px; height:164px; position:absolute; top:0px; left:0px; z-index:99; background:rgba(0,0,0,0.3); display:none;}
.free_mik a{ width:100%; height:164px; display:block; text-align:center;}
.free_mik img{ margin:53px 0;}
.free_right li:hover .free_hd{ filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */  -moz-filter: blur(10px); -ms-filter: blur(10px);      filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */}
.free_p{ font-size:14px; color:#2ed742; text-align:left;}
.free_p a{ display:block; color:#666;    height: 22px; line-height: 22px;margin-top: 9px;  margin-bottom: 2px; overflow: hidden;}
/*项目实训*/
.emb_pro{width: 100%;height:980px;background:#f7f7f7;min-width:1200px; position:relative;margin:0 auto;}
.p-product{ width:100%; height:auto; margin:0 auto; }
.p-product li{ width:100%; height:auto; margin-bottom:20px;}
.p-p-div{ float:left; width:229px; height:176px; background:#fff; text-align:left; border:1px #f1f1f1 solid;  -webkit-transition:.8s; position:relative; z-index:1; margin-right:11px;}
.p-fies{ width:229px; height:176px; position:relative; background:#fff;}
.p-fies span{ font-size:14px; color:#444; float:left; margin-left:14px; margin-top:16px;}
.p-fies a{ float:right; width:68px; height:26px; line-height:26px; color:#999; font-size:12px; background:#f5f5f5; border:1px #dcdcdc solid; border-radius:2px; text-align:center; margin-right:12px; margin-top:12px; -webkit-transition:.8s;}
.p-hover{ width:100%; height:118px; background:rgba(38,38,38,0.7); border-radius:2px 2px 0 0; position:absolute; top:0; left:0; z-index:2; text-align:center; display:none;}
.p-hover p{ font-size:12px; color:#fff; line-height:22px; margin-top:26px;}
.p-img02{ position:absolute; bottom:-28px; left:2px; z-index:-1; display:none;}
.p-p-div:hover{ margin-top:-12px; -webkit-transition:.8s;}
.p-p-div:hover .p-img02{ display:block;}
.p-p-div:hover .p-fies a{ background:#ff6960; color:#fff; -webkit-transition:.8s;}
.p-none{ margin-right:0 !important;}
.emb_pro_title{width:100%;margin:0 auto;padding-top:30px;padding-bottom:30px;}
.emb_pro_title p{ font-size:16px;color:#444; float:left;}
.emb_pro_title a{float:right;color:#999;margin-top:3px;margin-right:19px; font-size:14px;}
.emb_pro_title a:hover{color:#ff6960}
.emb_pro_main{width:100%;margin:0 auto;}
.emb_pro_main_left{width:470px;height:320px; position:relative; overflow:hidden;padding-top:10px;}
.emb_pro_main_left img{border-radius:2px;transition: .4s;-webkit-transition: .4s}
.emb_pro_main_left p{ width:450px;text-align:left;height:55px;line-height:55px;background: rgba(0,0,0,0.5); position:absolute;bottom:0px;padding-left:20px;}
.emb_pro_main_left img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .4s;-webkit-transition: .4s}
.emb_pro_main_right{width:716px;height:320px;}
.emb_pro_main_right ul{width:100%;margin:0 auto;}
.emb_pro_main_right ul li{float:left;width:229px;height:155px; border-radius:2px;position:relative; overflow:hidden;margin-left:9px;margin-top:10px;}
.emb_pro_main_right ul li img{width:229px;height:155px;transition: .4s;-webkit-transition: .4s}
.emb_pro_main_right ul li img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .4s;-webkit-transition: .4s}
.emb_pro_main_right p{ width:209px;text-align:left;height:55px;line-height:55px;background: rgba(0,0,0,0.5); position:absolute;bottom:0px;padding-left:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.emb_pro_main_right_none{ margin-left:0 !important;}
.emb_pro_main_right_none01{margin-top:10px;}
/*HTML5技术资源库*/
.technology_down{ width:814px; height:auto;display: table;}
.technology_down ul{ width:790px; height:auto; text-align:left;}
.technology_down li{ width:100%; height:auto;}
.technology_first{ border-bottom:1px #ddd solid;padding-top:24px;}
.technology_first_title{ font-size:20px; color:#333;line-height: 30px;}
.technology_first_title:hover{ color:#e54d26;}
.technology_first p{ font-size:14px; color:#666;margin: 12px 0; line-height:24px; height: 48px; overflow: hidden;}
.technology_first p span{ color:#aaa;}
.technology_first p a{ color:#e54d26;}
.technology_time{ float:right;}
.technology_all{ height:24px !important;}
.technology_clock{ font-size:14px; color:#999; width:186px; height:49px; line-height:49px; border:1px #e4e4e4 solid; border-radius:8px; display:block; margin:26px auto; text-align:center; background:#f7f7f7;}
.technology_clock:hover{ background:#e54d26; color:#fff;}
.guang_gao{ margin-top:26px;}
.guang{ width:340px; height:176px; overflow:hidden; display:block;margin-top: 20px;}
.guang:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.guang img{-webkit-transition: .8s;}
/*学习环境*/
.emb_learning{width: 100%;height:536px;background:#fff;min-width:1200px; position:relative;margin:0 auto;}
.emb_learning_main{width:100%;margin:0 auto;}
.emb_learning_main .tab-hd {width:33%;margin:0 auto; overflow:hidden; zoom:1;padding-top:60px;}
.emb_learning_main .tab-hd li{ float:left; width:129px;height:43px;line-height:43px; color:#444;  font-size:16px;text-align:center; cursor:pointer;}
.emb_learning_main .tab-hd li.active{ background:#ff6960; border-radius:20px;color:#fff;}
.emb_learning_main .tab-bd{width:100%;margin:0 auto;margin-top:40px;}
.emb_learning_main .tab-bd li{display:none;}
.emb_learning_main .tab-bd li.thisclass{ display:list-item;}
.emb_learning_left{width:403px;height:324px;}
.emb_learning_right{width:786px; position:relative;}
.emb_learning_right img{float:left;width:256px;height:157px;margin-left:9px;margin-bottom:10px;}
.emb_learning_left01{width:966px;}
.emb_learning_left01 p{float:left;width:232px;height:158px;border-radius:2px; overflow:hidden;margin-left:10px; position:relative;margin-bottom:10px;}
.emb_learning_left01 p img{width:232px;height:158px;}
.emb_learning_left01 p span{ display:block;width:100%;height:40px;line-height:40px;background:url(../images/1px.png);color:#444444; font-size:14px; text-align:center; position:absolute;top:158px;transition:0.4s; -webkit-transition:0.4s;font-weight:normal; }
.emb_learning_left01 p:hover span{ top:118px;transition:0.4s; -webkit-transition:0.4s;}
.emb_learning_right .gengd{ display:block;width:256px; font-size:14px;color:#fff;height:79px;line-height:79px;background:#ff6960;border-radius:2px; position:absolute;bottom:10px;right:0px; opacity:0.8;}

.emb_learning_right01{width:232px;height:338px;}
.emb_learning_right01 p{width:232px;border-radius:2px; overflow:hidden;position:relative;margin-bottom:10px;}
.emb_learning_right01 p img{width:232px;height:237px;border-radius:2px;}
.emb_learning_right01 p span{ display:block;width:100%;height:40px;line-height:40px;background:url(../images/1px.png);color:#444444; font-size:14px; text-align:center; position:absolute;top:237px;transition:0.4s; -webkit-transition:0.4s;font-weight:normal; }
.emb_learning_right01 p:hover span{ top:197px;transition:0.4s; -webkit-transition:0.4s;}
.emb_learning_right01 a{ display:block; font-size:14px;color:#fff;width:100%;height:79px;line-height:79px;background:#ff6960;border-radius:2px;}
/*时间*/
.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;}
/*成都中心开班*/
.emb_nav ul li span em{ display:block;float:left;margin-right:22px;width:165px;}
.emb_nav02{width:100%;height:79px;background:url(../images/emb_nav.jpg) #4a515a left center no-repeat; position:absolute;left:0px;top:10px; display:none;}