@charset "gb2312";
/* CSS Document */
/*banner*/
.house_banner{width:100%;height:600px;background:url(../images/house_banner.jpg) center no-repeat;min-width:1200px;margin:0 auto; position:relative;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana; margin-top:12px;}
/*形象大焕新！华清远见中关村总部重磅亮相*/
.house_appea{width:100%;height:auto;background:#f6f6f6;min-width:1200px;margin:0 auto; position:relative;padding-bottom:20px;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.house_title{width:100%;height:auto;margin:0 auto; position:relative;}
.house_title h2{font-size:48px; font-weight:bold;color:#2e2e34;padding-top:80px;}
.house_title h2 i{color:#cb231c;}
.house_title em{display:block;width:305px;height:5px;background:#cb231c;border-radius:2.5px;margin:0 auto;margin-top:10px;}
.house_title span{ display:block; font-size:20px;color:#2d2d32;margin-top:30px;}
.house_appea_main{width:100%;margin:0 auto;background:url(../images/xian.png) bottom center no-repeat;padding-bottom:80px;margin-top:90px;}
.house_appea_left_b{width:605px;height:340px;float:left;margin-left:50px; cursor:pointer;}
.house_appea_left{float:left;width:655px;position:relative;margin-left:35px;}
.house_appea_left img{width:605px;height:340px;box-shadow: 0 0 23px rgba(32,34,30,0.18);}
.house_appea_right{width:440px; float:right;margin-right:50px;}
.house_appea_right h3{ font-size:24px;color:#2d2d32; font-weight:bold;padding-top:40px;padding-bottom:40px;}
.house_appea_right p{ font-size:18px;color:#2d2d32; text-align:left;margin-bottom:10px;}
/*拒绝传统模式 引领IT教培新风尚*/
.house_air{width:100%;height:auto;background:#f6f6f6;min-width:1200px;margin:0 auto; position:relative;padding-bottom:60px;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.house_air_ul{width:100%;height:auto;margin:0 auto;margin-top:100px;}
.house_air_ul li{ float:left;width:286px;height:357px;background:#fff; position:relative;margin:9px;}
.house_air_ul li i{display:block;width:99px;height:113px; line-height:113px;background:url(../images/house_air_ul.png) center no-repeat; font-size:35px;color:#ffffff; font-weight:bold;margin:0 auto; position:absolute;top:-29px;left:0px;right:0px;margin:0 auto;}
.house_air_ul li h2{ font-size:30px;color:#2d2d32; font-weight:bold;padding-top:100px;}
.house_air_ul li p{width:79%; font-size:16px;color:#2d2d32;margin:0 auto; text-align:left;margin-top:20px;}
/*科技赋能  极致蜕变*/
.house_metam{width:100%;height:600px;background:url(../images/house_metam.jpg) center no-repeat;min-width:1200px;margin:0 auto; position:relative;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.house_metam01{width:100%;height:701px;background:url(../images/house_metam01.jpg) center no-repeat;min-width:1200px;margin:0 auto; position:relative;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.house_metam01_main{width:1105px;margin:0 auto;}
.house_metam01_left{float:left;width:562px;height:339px; overflow:hidden;}
.house_metam01_left img{width:562px;height:339px;transition: .4s;-webkit-transition: .4s}
.house_metam01_left img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);transition: .4s;-webkit-transition: .4s}
.house_metam01_right{float:right;width:495px;height:auto;}
.house_metam01_right h2{ width:100%;text-align:left;}
.house_metam01_right h2 i{ display:inline-block;width:59px;height:54px; line-height:54px;background:url(../images/house_metam01_right.png) center no-repeat; font-size:30px;color:#fff; font-weight:bold;padding-left:12px;}
.house_metam01_right h2 b{ display:inline-block;font-size:24px;color:#fff;padding-top:10px; position:relative;top:14px;margin-left:5px;}
.house_metam01_right p{ font-size:18px;color:#ffffff; text-align:left;margin-top:40px; line-height:30px;}
.house_metam01_ul{width:100%;height:auto;margin-top:20px;}
.house_metam01_ul li{ float:left;width:242px;height:165px; overflow:hidden;margin:17px;}
.house_metam01_ul img{width:242px;height:165px;transition: .4s;-webkit-transition: .4s}
.house_metam01_ul img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);transition: .4s;-webkit-transition: .4s}
/*感恩升级 百万豪礼限时免费送！*/
.house_free{width:100%;height:auto;background:#f6f6f6;min-width:1200px;margin:0 auto; position:relative;padding-bottom:60px;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.house_free_ul{width:100%;margin:0 auto;margin-top:80px;}
.house_free_ul li{ float:left;width:393px;height:559px;background:#ffffff;border-radius:10px;box-shadow: 0 0 23px rgba(32,34,30,0.05);margin:5px;}
.house_free_ul li img{width:340px;height:226px;margin-top:50px;}
.house_free_ul li h3{color:#2e2e34; font-size:20px;margin-top:20px;}
.house_free_ul li p{ font-size:24px;color:#e84942;margin-top:5px;}
.house_free_ul li i{ display:block;width:280px;height:80px; line-height:80px; font-size:30px;color:#fff;background:#e84942;border-radius:40px;margin:0 auto;margin-top:40px; cursor:pointer;}
/*实力出圈！程序员网红新地标打卡指南*/
.house_guide{width:100%;height:1491px;background:url(../images/house_guide.jpg) center no-repeat;min-width:1200px;margin:0 auto; position:relative;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.house_guide_main{width:100%;margin:0 auto;margin-top:120px;}
.house_guide_main li{width:260px;height:auto; float:left;margin:25px;}
.house_guide_main li i{ display:block;width:260px;height:109px;background:url(../images/house_guide_main01.png) center no-repeat;margin-top:25px;}
.hgm_top{width:100%;height:130px;background:#e84942;border-radius:10px;padding-top:30px;}
.hgm_top em{ display:block;width:44px;height:58px;background:url(../images/map.png) center no-repeat;margin:0 auto;}
.hgm_top p{ font-size:30px;color:#ffffff;margin-top:10px;}
.house_guide_main li span{ display:block; font-size:20px;color:#ffffff;padding-top:15px;}
.hgm_top01{width:100%;height:160px;background:#e84942;border-radius:10px; overflow:hidden;}
.hgm_top01 img{width:260px;height:160px;transition: .4s;-webkit-transition: .4s}
.hgm_top01 img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);transition: .4s;-webkit-transition: .4s}
.house_guide_main li b{ display:block; font-size:20px;color:#fff; font-weight:normal;padding-top:35px;}
/*感恩升级 百万豪礼限时免费送！*/
.house_milline{width:100%;height:auto;background:#f6f6f6;min-width:1200px;margin:0 auto; position:relative;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.house_milline_main{width:1105px;margin:0 auto;margin-top:120px;background:url(../images/xian.png) bottom center no-repeat;padding-bottom:80px;}
.house_milline_left{width:372px;height:424px;background:#fff;float:left;border-radius:10px;box-shadow: 0 10px 20px rgba(0,0,0,0.05); position:relative;}
.house_milline_left img{width:35px;height:76px; position:absolute;top:185px;right:-35px;}
.house_milline_left h3{ font-size:30px;color:#1d1d1d; font-weight:bold;padding-top:70px;}
.house_milline_left em{ display:block;width:333px;height:1px;background:#1d1d1d;margin:0 auto;margin-top:15px;margin-bottom:10px;}
.house_milline_left p{ width:65%;margin:0 auto; font-size:24px; text-align:left;margin-top:20px;}
.house_milline_right{width:687px;height:424px;border:1px #7d7d7d solid;border-radius:6px; float:right; overflow:hidden;}
/*跨越时空，全国联动 携手升级，为学员赋能*/
.house_linkage{width:100%;height:auto;background:#f6f6f6;min-width:1200px;margin:0 auto; position:relative;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;padding-bottom:60px;}
.house_linkage_main{width:100%;height:587px;background:url(../images/house_linkage.jpg) center no-repeat;margin:0 auto;margin-top:85px;}
.house_linkage_right{width:495px;height:auto; float:right;margin-top:100px;}
.house_linkage_right h2{ font-size:36px;color:#35353b;}
.house_linkage_ul{width:95%;margin:0 auto;margin-top:20px;}
.house_linkage_ul li{width:68px;height:31px;line-height:31px;border:1.2px #35353b solid; font-size:18px;color:#35353b;float:left;margin:4px;}
.house_linkage_ul li.hover{background:#35353b;border:1.2px #35353b solid;color:#fff; cursor:pointer;}
.house_linkage_img{width:468px;height:263px;margin:0 auto;margin-top:20px; cursor:pointer;}
.house_linkage_img img{width:468px;height:263px;}
/*弹出视频*/
.mask {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.6);z-index: 1000;text-align: center; }
.mask:after {content: "";display: inline-block;vertical-align: middle;height: 100%; }
.video-wrap {width: 1130px;height: 637px;display: inline-block;vertical-align: middle;position: relative; }
.mask-video-close {position: absolute;width: 28px;height: 28px;border-radius: 50%;background: #fff;right: -14px;top: -14px;z-index: 2;text-align: center;cursor: pointer; }
.mask-video-close i {font-size: 16px;color: #000;line-height: 28px; }
.mask_l {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1000;text-align: center;background:rgba(0,0,0,0.5);font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana; }
.mask_l::after {content: "";display: inline-block;vertical-align: middle;height: 100%; }
.video-wrap-l {width: 773px;height: 587px;display: inline-block;vertical-align: middle;position: relative; background:url(../images/tanchu.jpg) center no-repeat;border-radius:12px;}
.mask-video-close-l {position: absolute;width: 40px;height: 40px;right: 15px;top: 15px;z-index: 2;text-align: center;cursor: pointer; }
.mask-video-close-l i {font-size: 16px;color: #000;line-height: 28px; }
.mask_l_m{width:100%;margin:0 auto;}
.mask_l_m h2{ font-size: 30px;color:#2e2e34; font-weight: bold;padding-top:65px; }
.mask_l_m img{width:265px;height:265px;margin:0 auto;margin-top:45px;box-shadow: 0 0 23px rgba(32,34,30,0.18);}
.mask_l_m span{ display: block;font-size: 38px;color:#e84942;margin-top:40px; }
/*见证彼此成长 全国新老学员千里送祝福*/
.house_blessing{width:100%;height:auto;background:#2b2636;min-width:1200px;margin:0 auto; position:relative;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;padding-bottom:60px;}
.house_blessing_ul{width:100%;margin:0 auto;margin-top:120px;}
.house_blessing_ul li{width:221px;height:268px; position:relative; float:left;margin:11px; cursor:pointer;}
.house_blessing_ul li img{width:221px;height:268px; }
/*升级弹出，不需要flash*/
/*.mask {position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);top: 0;left: 0;z-index: 1000; }*/
.makeru-introduce-play {width: 724px;height: 407px;background: #fff;position: fixed;z-index: 1001;left: 0;top: 0;bottom: 0;right: 0;margin: auto; }
.mask-close {position: absolute;display: inline-block;width: 36px;height: 36px;border-radius: 50%;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);right: -18px;top: -18px;font-size: 16px;color: #444;background: #fff;text-align: center;line-height: 36px;cursor: pointer; z-index:999; }
.mask-close i {font-size: 16px;color: #444; }
.mask-model {width: 100%;height: 100%;position: fixed;background: rgba(0, 0, 0, 0.6);left: 0;top: 0;z-index: 1000;text-align: center; }
.mask-model:after {content: "";display: inline-block;height: 100%;vertical-align: middle; }
.model-play-box {display: inline-block;width: 1130px;height: 637px;background: #fff;position: relative;vertical-align: middle; }
.model-play-wrap {width: 100%;height: 100%; }