@charset "gb2312";
/* CSS Document */

.banner-back{ width:100%; background:url(../images/banner01.jpg) center no-repeat; height:330px; min-width:1200px;    margin-top: 12px;}
.banner-tate{ font-size:36px; color:#fff; font-weight:bold; padding-top:110px; margin-bottom:14px; text-align:left;}
.banner-tate em{ color:#4ff8d5;}
.banner-tate i{ color:#f057bf;}
.banner-span{ font-size:24px; color:#fff; display:block; text-align:left; font-family:'宋体';}

.first-language{ width:100%; height:auto; margin:0 auto; padding-top:88px;}
.first-language em{ display:inline-block; background:url(../images/first01.png) center no-repeat; width:123px; height:66px; line-height:48px; font-size:30px; color:#ff5951; font-weight:bold;}
.first-language span{ font-size:32px; color:#333; font-weight:bold; display:inline-block;}
.first-kuang{ width:809px; height:229px; box-shadow:0 8px 18px rgba(0,0,0,0.14); border-radius:10px; float:right; margin-right:16px; margin-top:130px; position:relative; z-index:2; background:url(../images/first03.png) center no-repeat #fff; margin-bottom:120px;}
.first-kuang p{ font-size:14px; color:#999; float:left; padding-bottom:10px;}
.first-kuang i{ font-size:14px; color:#333; display:block; margin-bottom:22px; margin-left:42px;}
.first-p01{ width:282px; margin-top:34px;}
.first-p02{ width:244px; margin-top:34px;}
.first-p03{ width:264px; margin-top:34px;}
.first-p04{ width: 316px; margin-top: 34px; margin-left: 82px;}
.first-p04 i{ margin-left:172px;}
.first-p05{ width: 316px; margin-top: 34px; margin-left: 35px;}
.first-p05 i{ margin-left:240px;}
.first-img{ position:absolute; left:26px; top:200px; z-index:1;}

.hot-foucs{ width:100%; height:auto; margin:0 auto; min-width:1200px; background:#f4f8fb;}
.first-language i{ font-size:16px; color:#666; display:block;}
.hot-left{ width:566px; height:526px; background:#fff; box-shadow:0 6px 13px rgba(0,0,0,0.05); border-radius:10px; margin-top:38px; margin-left:18px; margin-right:26px; float:left; margin-bottom:74px;}
.hot-left span,.hot-right span{ font-size:22px; color:#000; display:block; padding-top:40px; margin-bottom:26px;}
.hot-left span i,.hot-right span i{ display:block; width:29px; height:5px; background:#ff5951;  margin:0 auto;margin-top:16px;}
.hot-left p,.hot-right p{ font-size:14px; color:#888; line-height:24px; text-align:left; width:487px; margin:0 auto; margin-top:10px;}
.hot-biao{ width:513px; margin:0 auto; border-radius:4px; overflow:hidden; margin-top:30px;}
.hot-td01{ background:rgba(255,255,255,0.57);}
.hot-tr{ background:#ff5951; color:#fff; width:100%; height:38px; border-radius:4px 4px 0 0;}
.hot-td02{ border-right:1px rgba(255,255,255,0.57) solid;}
.hot-tr02{ background:#f2f2f2; color:#333; height:30px;  font-size:14px;}
.hot-td03{ font-size:12px; line-height:14px;}
.hot-tr02 td{border-bottom:1px rgba(255,255,255,0.57) solid;}
.hot-right{ box-shadow:0 6px 13px rgba(0,0,0,0.05); width:569px; height:404px; background:#fff; border-radius:10px; margin-top:92px; float:left;}
.hot-down{ width:487px; height:auto; margin:0 auto; margin-top:22px; text-align:left;}
.hot-down i{ font-size:16px; font-weight: bold; color:#eb362b; display:block; text-align:left; margin-bottom:20px;}
.hot-down em{ font-size:14px; color:#eb362b; display:inline-block; border-radius:30px; border:1px #eb362b solid; height:24px; line-height:24px; padding:0 17px; margin-right:10px; margin-bottom:12px; text-align:center;}

.the-king{ width:100%; height:auto; margin:0 auto;}
.the-king li{ float:left; width:195px; height:auto; margin-right:6px; margin-top:50px; margin-bottom:98px;}
.the-one01{ background:url(../images/king01.jpg) center no-repeat; width:195px; height:358px;}
.the-star{ width:195px; height:358px; text-align:center;}
.the-star b{ font-size:24px; color:#fff; display:block; padding-top:120px; margin-bottom:12px;-webkit-transition:.4s;}
.the-star i{ display:inline-block; width:22px; height:4px; background:#fff;}
.the-star span{ font-size:18px; color:#fff; font-weight:bold; display:block; margin-top:14px;-webkit-transition:.4s;}
.the-star p{ font-size:14px; color:#fff; line-height:24px; width:143px; margin:0 auto; display:none; margin-top:22px;}
.the-star:hover{ background:rgba(255,89,81,0.79);}
.the-star:hover b{ padding-top:88px; -webkit-transition:.4s;}
.the-one02{ background:url(../images/king02.jpg) center no-repeat; width:195px; height:358px;}
.the-one03{ background:url(../images/king03.jpg) center no-repeat; width:195px; height:358px;}
.the-one04{ background:url(../images/king04.jpg) center no-repeat; width:195px; height:358px;}
.the-one05{ background:url(../images/king05.jpg) center no-repeat; width:195px; height:358px;}
.the-one06{ background:url(../images/king06.jpg) center no-repeat; width:195px; height:358px;}


.the-advantage{ width:826px; position:relative; background:#fff; border-radius:10px; box-shadow:0 7px 18px rgba(0,0,0,0.08); margin:0 auto; padding-bottom:35px; margin-top:44px;}
.adv-color{ background:#ff5951; font-size:18px; color:#fff; font-weight:bold; float:left; width:306px;}
.adv-tr{ height:82px; line-height:82px;}
.adv-fon{ font-size:20px; color:#ff5951; font-weight:bold; width:260px; float:left;}
.adv-fon02{ font-size:20px; color:#666; font-weight:bold; width:260px; float:left;}
.adv-tr02{ height:69px; position:relative; line-height:69px;}
.adv-color02{ font-weight:normal; font-size:16px; position:relative; z-index:3; line-height:67px;  border-bottom:1px #ff5951 solid; border-top:1px #ff5951 solid;}
.adv-clor03{ line-height:24px; padding-top:9px; padding-bottom:10px;}
.adv-fon img,.adv-fon02 img{ position: relative; top: 6px; z-index:3;}
.adv-img{ position:absolute; top:-16px; left:-53px; z-index:2; display:none;}
.adv-tr02:hover .adv-img{ display:list-item;}
.adv-tr02:hover .adv-color{ background:#fff; color:#ff5951;}
.adv-img02{ position:absolute; bottom:-100px; left:260px; z-index:4;}
.adv-padd{ padding-bottom:120px;}

.high-class{ width:100%; height:314px;position:relative; margin-top:32px;}
.emplo_d{ width:100%; height:260px; margin:0 auto; overflow:hidden;}
.emplo_d li{ float:left; width:296px; height:auto;}
.emplo_e{ width:325px; height:109px; overflow:hidden; background:#f4eeee; position: relative; z-index: 4;}
.emplo_f{ position:absolute; top:106px; left:-50px; z-index:99; cursor:pointer; }
.emplo_g{ position:absolute; top:106px; right:-50px; z-index:99; cursor:pointer;}
.emplo_h{width:1184px; height:246px; margin:0 auto;padding: 33px 0;}
.emplo_d li img{ display:block;}
.em0hi{ background:#fff; box-shadow:0 2px 32px rgba(0,0,0,0.1); height:69px; font-size:16px; color:#333; line-height:69px;}
.em02hi{ box-shadow:none; background:#f2f2f2;}

.the-grasp{ width:100%; height:auto; margin:0 auto; margin-top:64px;}
.the-grasp li{ width:216px; height:258px; background:#fff; box-shadow:0 2px 32px rgba(0,0,0,0.1); float:left; position:relative; margin-right:30px;}
.the-grasp li em{ display:block; width:54px; height:4px; background:#ff8b67; margin:0 auto; margin-bottom:48px;}
.grasp-xian{ width:100%; height:auto; margin:0 auto;}
.grasp-xian span{ font-size:18px; color:#333; display:block; margin-top:24px; margin-bottom:8px;}
.grasp-xian i{ font-size:14px; color:#999;}
.grasp-no{ background:#ff6767; width:100%; position:absolute; top:0; left:0; z-index:2; height:100%; display:none;}
.grasp-no p{ font-size:14px; color:#fff; line-height:24px; width:180px; margin:0 auto; padding-top:56px; text-align:left;}
.grasp01{ background:#63adf2 !important;}
.grasp02{ background:#37e2a0n !important;}
.grasp03{ background:#ffdd67 !important;}
.grasp04{ background:#ff8b67 !important;}
.grasp-change p{ padding-top:44px;}
.grasp-lang{ padding-top:65px;}
.grasp-link{ font-size:16px; color:#666; width:226px; height:50px; line-height:50px; background:#f5f5f5; border-radius:4px; display: inline-block; border:1px #e6e6e6 solid; margin-top:70px; margin-bottom:68px; -webkit-transition:.8s;}
.grasp-link:hover{color:#fff; background:#ff6767;}

.the-company{ width:100%; height:auto; margin:0 auto; margin-top:56px;}
.the-company li{ float:left; width:227px; height:133px; margin-right:16px; position:relative; margin-bottom:12px;}
.company-no{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(255,89,81,0.83); display:none;}
.company-no p{ font-size:16px; color:#fff; line-height:28px; padding-top:36px;}
.company-link{ color:#fff; background:#ff6767;}
.company-link:hover{ background:#f5f5f5; color:#666;}

.the-departure{ width:100%; height:auto; margin:0 auto; margin-top:62px;}
.the-departure li{ float:left; width:227px; height:auto; text-align:left; margin-right: 16px; -webkit-transition:.8s;}
.the-departure li p{ font-size:16px; color:#666; margin-top:16px; margin-bottom:8px;}
.the-departure li span{ font-size:12px; color:#999;}
.the-departure li:hover{ margin-top:-8px; -webkit-transition:.8s;}
.javaee-hols{ overflow:hidden; width:100%; height:auto; margin:0 auto; min-width:1200px;}

/*大纲*/
.banner-back02{ background:url(../images/banner02.jpg) center no-repeat;}
.banner-title{ width:100%; height:auto; margin:0 auto; text-align:left; padding-top:84px;}
.banner-title em{ font-size:24px; color:#fff; font-family:'宋体'; display:block; text-align:left;}
.banner-title p{ font-size:36px; color:#fff; font-weight:bold; margin-top:10px; margin-bottom:16px;}
.banner-title p i{ color:#ffe221;}
.banner-title span{ font-size:14px; color:#fff; display:block; border:1px #fff solid; width:470px; height:30px; line-height:30px; text-align:center; border-radius:30px;}
.cour-lang{ padding-top:76px;}
.cour-lang b{ color:#ff5951;}
.cour-lang i{ display:block; margin-top:14px;}

.unique{ width:1010px; height:auto; margin:0 auto; position:relative; margin-top:70px; margin-bottom:80px; display:table;}
.unique span{ background:url(../images/cour01.png) center no-repeat; width:169px; height:153px; float:left;font-size:16px; color:#666; line-height:153px;  -webkit-transition:.8s;}
.unqur-sp02:hover,.unqur-sp03:hover,.unqur-sp04:hover,.unqur-sp05:hover,.unqur-sp06:hover,.unqur-sp07:hover,.unqur-sp08:hover,.unqur-sp09:hover{background:url(../images/cour02.png) center no-repeat; color:#fff; -webkit-transition:.8s;}
.unqur-sp01{ margin-top:82px; margin-bottom:100px;}
.unqur-sp02{ position:absolute; top:1px; left:142px; z-index:2;}
.unqur-sp03{ position:absolute; top:162px; left:142px; z-index:2; line-height:28px !important; height: auto !important; padding-top:48px; padding-bottom:49px;}
.unqur-sp04{ position:absolute; top:82px; left:282px; z-index:2;}
.unqur-sp05{ position:absolute; top:0px; left:422px; z-index:2;}
.unqur-sp06{ position:absolute; top:162px; left:422px; z-index:2;}
.unqur-sp07{ position:absolute; top:82px; right:282px; z-index:2;}
.unqur-sp08{ position:absolute; top:0px; right:142px; z-index:2;}
.unqur-sp09{ position:absolute; top:162px; right:142px; z-index:2;}
.unqur-sp10{ position:absolute; top:82px; right:0; z-index:2;}

.the-hui{ width:100%; height:auto; margin:0 auto; background:#f9f9f9; min-width:1200px;}
.gold-concent{ width:100%; height:auto; margin:0 auto; margin-top:66px;}
.gold-concent li{ width:213px; height:236px; border:1px #dcdcdc solid; border-radius:10px; float:left; -webkit-transition:.8s; margin-right:31px; margin-bottom:100px;}
.gold-concent li em{ font-size:32px; color:rgba(102,102,102,0.38); display:block; margin-left:18px; margin-top:12px; text-align:left; -webkit-transition:.8s;}
.gold-img{ background:url(../images/gold01.png) bottom no-repeat; height:36px; display:block; margin-top:12px; -webkit-transition:.8s;}
.gold-concent li span{ font-size:18px; color:#333; display:block; margin-top:10px; margin-bottom:12px;}
.gold-concent li p{ width:176px; margin:0 auto; font-size:14px; color:#666; line-height:22px; text-align:left;}
.gold-concent li:hover{ border:1px #ff5951 solid; background:#fff; -webkit-transition:.8s; box-shadow:0 12px 16px rgba(0,0,0,0.14);}
.gold-concent li:hover .gold-img{ background:url(../images/gold02.png) center no-repeat;}
.gold-concent li:hover em{ color:rgba(255,89,81,0.38); -webkit-transition:.8s;}
.gold-img02{ background:url(../images/gold03.png) bottom no-repeat; height:36px; display:block; margin-top:12px; -webkit-transition:.8s;}
.gold-img03{ background:url(../images/gold05.png) bottom no-repeat; height:36px; display:block; margin-top:12px; -webkit-transition:.8s;}
.gold-img04{ background:url(../images/gold07.png) bottom no-repeat; height:36px; display:block; margin-top:12px; -webkit-transition:.8s;}
.gold-img05{ background:url(../images/gold09.png) bottom no-repeat; height:36px; display:block; margin-top:12px; -webkit-transition:.8s;}
.gold-concent li:hover .gold-img02{ background:url(../images/gold04.png) center no-repeat;}
.gold-concent li:hover .gold-img03{ background:url(../images/gold06.png) center no-repeat;}
.gold-concent li:hover .gold-img04{ background:url(../images/gold08.png) center no-repeat;}
.gold-concent li:hover .gold-img05{ background:url(../images/gold10.png) center no-repeat;}
.the-no{ margin-right:0 !important;}

.the-fen{ width:100%; height:auto; margin:0 auto; min-width:1200px; background:#f2867f;}
.giving-lang span,.giving-lang i{ color:#fff;}
.giving-left{ float: left; width:540px; height:auto; margin-top:28px; margin-bottom:20px; margin-left:8px; position:relative; text-align:left;}
.giving-gift{ background:url(../images/giving02.png) center no-repeat; width:391px; height:142px; position:absolute; bottom:39px; right:0; z-index:2; text-align:center;}
.giving-gift span{ font-size:32px; color:#ff6b5a; display:inline-block; margin-top:36px; margin-right:8px;}
.giving-gift img{ position:relative; top:4px;}
.giving-gift  em{ font-size:14px; color:#666; display:block; margin-top:4px;}
.giving-right{ float:left; margin-left:32px; margin-top:102px;}
.giv-div{ float:left; width:204px; height:201px; background:#fff; border-radius:4px; box-shadow:0 2px 27px rgba(0,0,0,0.14);}
.giv-div span{ font-size:18px; color:#39cb79; font-weight:bold; margin-top:32px; display:block; text-align:left; margin-bottom:10px;}
.giv-div i{ float:left; width:3px; height:18px; background:#39cb79; margin-right:20px; margin-top:2px;}
.giv-div p{ font-size:14px; color:#666; line-height:26px; margin-left:24px; text-align: left;}
.giv-lan{ width:235px; height:226px; margin-top:46px; position:relative; z-index:1; margin-left:-60px;}
.giv-lan span{ color:#4c80ed;}
.giv-lan i{ background:#4c80ed;}
.giv-fen{ width:240px; height:248px; position:relative; z-index:2; margin-top:-24px; margin-left:-32px;}
.giv-fen span{ color:#ff6b5a;}
.giv-fen i{ background:#ff6b5a;}

.course-cent{ width:100%; height:auto; margin:0 auto; border-left:2px rgba(255,89,81,0.43) dashed; margin-left:12px; padding-bottom:1px; margin-top: 80px;}
.course-cli{ width:100%; height:auto; margin-bottom:52px;}
.couse-c-title{ width:100%; height:auto; display:table; margin-left:-14px; margin-top:-2px; margin-bottom:30px;}
.couse-c-title i{ float:left; border:3px #ff6d5b solid; border-radius:100%; background:#f9f9f9; margin-right:8px; width:18px; height:18px;}
.couse-c-title em{ float:left; font-size:16px; color:#fff; background:#ff5951; border-radius:30px; padding:0 16px; height:22px; line-height:22px; margin-right:8px;}
.couse-c-title b{ float: left; font-size:18px; color:#ff6d5b;}
.course-white{ width:1070px; height:auto; margin:0 auto; box-shadow:0 5px 16px rgba(0,0,0,0.15); background:#fff; border-radius:10px; padding-top:10px; padding-bottom:42px;}
.course-class{ background:#f9f9f9; width:273px; height:214px; text-align:left;  -webkit-transition:.8s; float:left; margin-left:40px; border-radius:6px; margin-top:30px;}
.course-class span{ font-size:16px; color:#333; font-weight:bold; display:block; padding-top:26px; margin-bottom:10px; margin-left:24px;  -webkit-transition:.8s;}
.course-class p{ font-size:14px; color:#666; line-height:26px; margin-left:20px;}
.course-class:hover{ box-shadow: 0 2px 27px rgba(0,0,0,0.14); background:#fff;  -webkit-transition:.8s;}
.course-class:hover span{ color:#ff6d5b; -webkit-transition:.8s;}
.class-c02{ width:199px;}
.class-c03{ width:208px;}
.class-c04{ width:431px;}
.class-c05{ width:270px; background:#ff6d5b;}
.class-c05 span,.class-c05 p{ color:#fff;}
.class-c05:hover p{ color:#666; -webkit-transition:.8;}
.class-c06{ background:#4c80ed;}
.class-c07{ background:#39cb79;}
.course-ul{ width:100%; height:auto; margin:0 auto; margin-left:40px; margin-top:30px;}
.course-ul li{ float: left; font-size:16px; color:#333; border-radius:30px; line-height:32px; height:32px;-webkit-transition:.4s; padding:0 22px;}
.course-ul li.hover{ color:#fff; background:#ff6d5b; -webkit-transition:.4s; cursor:pointer;}
.course-arctle{ width:1030px; height:auto; margin-left:40px; margin-top:20px;}
.course-arctle li{ width:100%; height:auto;  position:relative;}
.arctle-left{ width:501px; height:367px; background:#f9f9f9; border-radius:6px; margin-top:34px;}
.arctle-left i{ float:left; width:3px; height:16px; background:#ff6d5b; margin-top:2px; margin-right:14px;}
.arctle-left span{ font-weight:bold; font-size:16px; color:#333; display:block; padding-top:20px; text-align:left; margin-bottom:8px;}
.arctle-left p{ font-size:14px; color:#666; line-height:24px; text-align:left; width:460px; margin:0 auto;}
.course-img{ position:absolute; right:-22px; top:-10px; z-index:2; border-radius:10px;  box-shadow:0 2px 27px rgba(0,0,0,0.14);}
.class-c08{ width:348px; height:248px;}
.class-c09{ width:589px; height:248px;}
.class-c10{ width:970px; height:150px; background:#ff6767;}
.class-c10 p{ float:left; margin-right: 50px;}
.course-img02{ position:absolute; bottom:-16px; left:8px; z-index:2;}
.cour-add{ padding-bottom:45px;}

.cour-black{ width:100%; height:auto; margin:0 auto; min-width:1200px; background:#2a2e35; padding-bottom:90px;}
.skills{ float:left; width:510px; height:auto; text-align: left; margin-top:90px; margin-left:18px;}
.skills span{ font-size:26px; line-height:36px; color:#ff5951; display:block;}
.skills span i{ background:#ff5951; width:25px; height:4px; display:block; margin-top:20px; margin-bottom:30px;}
.skills p{ font-size:14px; color:#fff; line-height:24px; margin-bottom:10px;}
.skills p em{ color:#ff6d5b;}
.flexslider{margin:0px auto;position:relative;width:100%;height:540px;overflow:hidden;zoom:1;}
.flex-viewport{height:410px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1; text-align:center;margin:0 auto}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.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);}
.flexslider01:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider01:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider01:hover .flex-next:hover, .flexslider01:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-paging li a.flex-active{background-position:0 0;}
.meter_pele_zi{ width:601px; height:410px; float:left;}
.flexslider01{position:relative;width:601px;height:410px;overflow:hidden;zoom:1;}
.meter_ridi{width:601px; height:410px; overflow:hidden; float: left; margin-left:56px; margin-top:150px;}
.slides li{ height:410px;}

.model{ width:100%; height:auto; margin:0 auto; margin-top:70px;}
.model li{ float:left; border:1px #f2f2f2 solid; width:238px; height:270px; background:#fff; position:relative; margin-bottom:102px; -webkit-transition:.8s;}
.model li em{ font-size:48px; color:rgba(198,198,198,0.21); position:relative; z-index:1; padding-top:38px; display:block; margin-bottom:12px; -webkit-transition:.8s;}
.model li i{ font-size:30px; color:#ff5951; display:block; position:absolute; top:36px; left:106px; z-index:2; -webkit-transition:.8s;}
.model li p{ font-size:14px; color:#666; line-height:24px; text-align:left; width:177px; margin:0 auto; -webkit-transition:.8s;}
.model li:hover{ background:#ff5951; -webkit-transition:.8s;}
.model li:hover p,.model li:hover i{ color:#fff; -webkit-transition:.8s;}
.model li:hover em{ color:rgba(255,255,255,0.21); -webkit-transition:.8s;}

.level{ width:100%; height:auto; background:url(../images/cour13.png) top no-repeat; margin-top:60px;}
.level-title{ float:left; width:auto; height:auto; margin-top:206px; margin-left:190px;}
.level-title em{ display:inline-block; font-size:14px; color:#fff; width:120px; height:24px; line-height:24px; border-radius:30px; background:#ff8b67; margin-bottom:80px;}
.level-title p{ font-size:16px; color:#333; line-height:24px; -webkit-transition:.8s;}
.level-title span{ font-size:14px; color:#999; display:block; -webkit-transition:.8s;}
.level-title:hover p{ color:#ff6767; font-weight:bold; -webkit-transition:.8s;}
.level-title:hover span{ color:#ff6767; font-weight:normal; -webkit-transition:.8s;}
.lecel02{ margin-top:282px; margin-left:106px;}
.lecel02 em{ background:#ff6767;}
.lecel03{ margin-top:214px; margin-left:118px;}
.lecel03 em{ background:#4ebe96;}
.lecel04{ margin-top:282px; margin-left:100px;}
.lecel04 em{ background:#6578ee;}

/*发展前景*/
.banner-back03{ background: url(../images/craeer01.jpg) center no-repeat;}
.banner-back03 .banner-title span{ border-radius:4px; width:262px;}
.craeer-img01{ float:left; margin-top:50px;}
.craeer-p01{ float:left; width:344px; background:#f7f7f7; font-size:16px; color:#666; line-height:26px; text-align:left; border-radius:10px; margin-left:30px; padding:34px 24px; margin-top:94px; margin-bottom:102px;}

.craeer-back{ width:100%; height:auto; margin:0 auto; min-width:1200px; background:#242d4e;}
.era{ float:left; width:658px; height:auto; margin-top:72px; margin-right:40px; margin-bottom:62px;}
.era img{ box-shadow:0 1px 21px rgba(0,0,0,0.1); border-radius:8px;}
.era span{ font-size:16px; color:#fff; display:block; margin-top:18px;}
.era-right{ float:left; background:#fff; border-radius:8px; width:462px; height:215px; margin-top:148px;}
.era-right p{ font-size:24px; color:#333; font-weight:bold; padding-top:38px; margin-bottom:10px;}
.era-right b{ font-size:48px; color:#ff6046;}
.era-right span{ display:block; font-size:14px; color:#666; margin-top:14px;}

.era-back{ width:100%; background:url(../images/craeer04.png) top no-repeat; height:auto; margin-top:74px; display:table;}
.era-p{ float:left; margin-top:224px; margin-left:15px;}
.era-p em{ font-size:16px; color:#333; display:block; margin-bottom:5px;}
.era-p span{ font-size:14px; color:#999;}
.era-p span i{ color:#ff6046;}
.era-p02{ margin-top:144px; margin-left:100px;}
.era-p03{ margin-top:172px; margin-left:116px;}
.era-p04{ margin-top:142px; margin-left:146px;}
.era-p05{ margin-top:232px; margin-left:134px;}

.era-title{ font-size:24px; color:#333; padding-top:86px;}
.era-title em{ display:block; width:52px; height:5px; background:#ff5951; margin:0 auto; margin-top:30px;}
.era-ul{ width:100%; height:auto; margin:0 auto; display:table; margin-top:60px;}
.era-ul li{width:188px; height:260px; border:1px #e5e5e5 solid; position:relative; float:left; margin-right:12px;}
.era-ul li em{ display:block; width:188px; height:4px; background:#c2c2ce;}
.era-img02{ width:100%; height:51px; margin-top:60px;}
.era-ul li span{ font-size:16px; color:#333; display:block; margin-top:28px; margin-bottom:5px;}
.era-ul li i{ font-size:14px; color:#ff5951;}
.era-no{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:#ff5951; display:none;}
.era-no p{ color:#fff; font-size:12px; line-height:24px; text-align:left; width:154px; margin:0 auto; padding-top:24px; height:214px; overflow:hidden;}


.era-tenter{ width:100%; background:url(../images/era06.jpg) center no-repeat; height:195px; line-height:195px; min-width:1200px; text-align:center;}
.era-tenter span{ display:block; font-size:36px; font-weight:bold; color:#fff;}

.hightend{ width:1152px; height:482px; position:relative; margin:0 auto; background:url(../images/cour14.png) center no-repeat; margin-top:74px;}
.hith-sp02{ font-size:22px; color:#fff; font-weight:bold; width:506px; float:left; line-height:80px; margin-top:42px;}
.hith-sp03{ font-size:22px; color:#888; font-weight:bold; width:506px; float:right; line-height:80px; margin-top:42px;}
.hight-tole{ width:100%; height:71px; position:relative;}
.hight-tole p{ font-size:14px; color:#fff; line-height:22px; width:492px; float:left; margin-top:14px;text-align:right;}
.hight-tole span{ font-size:16px; color:#fff; font-weight:bold; float:left; width:107px; margin-left:30px; line-height:70px; height:70px;}
.hith-sp04{ text-align:left !important; color:#888 !important; margin-left:30px;}
.hight-sp02{ line-height:72px !important;}
.hight-sp03{ line-height:82px !important;}
.hight-sp04{ line-height:84px !important;}
.hith-sp05{ margin-top:26px !important}
.hight-tole img{ position:absolute; top:-12px; z-index:1; left:0; display:none;}
.hight-tole:hover img{ display:block;}


.hight-money{ background:url(../images/end02.png) top no-repeat; width:100%; height:366px; margin-top:98px;  text-align:left; padding-bottom:116px;}
.hight-money span{ font-size:16px; color:#fff; display:block;}
.hight-money em{display:inline-block; font-size:18px; color:#fff; float:right;}
.h-s01{ padding-top:32px; margin-left:286px;}
.h-s02{ margin-top:52px; margin-left:252px;}
.h-s03{ margin-top:58px; margin-left:192px; color:#ed7d31 !important;}
.h-s04{ margin-top:62px; margin-left:126px;}
.h-s05{  margin-right:118px; font-size:24px !important; color:#ff5951 !important;}
.h-s06{ margin-right:116px;}
.h-s07{margin-right:116px;}
.h-s08{margin-right:126px;}

.Linux_exposure_main{width:1100px;background:#fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1);margin:0 auto;overflow:hidden; position:relative; margin-top:76px;}
.what-width{ width:100%; height:auto; background:#ff5951; position:relative;}
.stu_gaoxin_list{width:1058px;height:62px; margin:0 auto;position: relative;}
.stu_gaoxin_list .stu_gaoxin_list_bt{width:954px;height:62px;line-height:62px; margin:0 auto;}
.stu_gaoxin_list tr.stu_gaoxin_list_bt td{color:#fff; text-align:center;font-size:20px;}
#stu_work2{width:1058px;margin:0 auto; background:#fff; height: 494px; overflow: hidden;}
.stu_list {width:100%;margin:0 auto;}
.stu_list li{height: 54px; line-height:54px; border-bottom:1px #e6e6e5 solid;}
.stu_list li p.w220{width:211px;}
.stu_list li p.w264{width:296px;}
.stu_list li p{width:169px;font-size:16px;text-align:center;float:left; color:#666;overflow:hidden;}
.hover_money{width:220px;height:54px; color:#fff !important; position:relative; z-index:2;}
.stu_list li p.hover_money{width:171px;height:54px;color:#f3b808 !important; font-weight:bold;}
.what-height{ padding-bottom:48px;}
.mem-img{ position:absolute; top:0; right:233px; z-index:1;}
.ess-top{ margin-top:54px;}

.foucul{ width:100%; height:auto; margin:0 auto; display:table; margin-top:72px;}
.foucul li{ float:left; width:386px; height:auto; margin-right:21px; margin-bottom:24px; border-radius:10px; -webkit-transition:.8s;}
.fouc-li{ background:url(../images/fouc01.png) center no-repeat; width:386px; height:128px;}
.fouc-li span{ font-size:20px; color:#fff; display:block; padding-top:40px; margin-bottom:5px;}
.fouc-li em{ font-size:14px; color:#fff;}
.fouc-li02{background:url(../images/fouc02.png) center no-repeat;}
.fouc-li03{background:url(../images/fouc03.png) center no-repeat;}
.fouc-li04{background:url(../images/fouc04.png) center no-repeat;}
.fouc-li05{background:url(../images/fouc05.png) center no-repeat;}
.fouc-li06{background:url(../images/fouc06.png) center no-repeat;}
.foucul li:hover{ box-shadow:0 2px 16px rgba(0,0,0,0.43); -webkit-transition:.8s;}
.era-nub{ margin-right:0 !important;}

.parctic-nate{ width:100%; height:auto; margin:0 auto; min-width:1200px; background:#242d4e;}
.parctic-middle{ width:1112px; height:464px; background: url(../images/p-back02.png) center no-repeat; margin:0 auto; margin-top:64px; margin-bottom:66px;}
.parctic-tenter{ width:794px; height:278px; background:rgba(45,45,51,0.85); margin:0 auto; margin-top:93px;}
.parc-fouc p{ font-size:36px; color:#fff; line-height:54px; padding-top:56px; margin-bottom:12px;}
.parc-fouc p em{ color:#ff5951;}
.parc-fouc p i{ font-size:30px; color:#fff; display:block;}
.parc-fouc a{ font-size:18px; color:#fff; display:block; margin:0 auto; width:175px; height:43px; line-height:43px; background:#ff5951; border-radius:30px; -webkit-transition:.8s;}
.parc-fouc a:hover{ background:#fff; color:#333; -webkit-transition:.8s;}

.g-detailed{ width:100%; height:auto; margin:0 auto; background:#f5f8fa; padding: 28px 0; min-width:1200px;}
.g-d-tail{ width:100%; height:auto; margin:0 auto;}
.g-d-tail li{ float:left; width:200px; height:auto; text-align:left;}
.g-d-tail li img{ margin-left:8px; margin-right:14px; float:left; margin-top: 5px;}

.fouc-top{ width:100%; height:auto; margin:0 auto; display:table; margin-top:62px; margin-bottom:82px;}
.fouc-top li{ float:left; width:199px; height:272px;  -webkit-transition:.8s;}
.fouc-top li:hover{ background:#fff; box-shadow:0 9px 24px rgba(0,0,0,0.11); -webkit-transition:.8s;}
.fouc-imf{ width:100%; height:65px; padding-top:14px;}
.fouc-top li b{ font-size:18px; color:#333; font-weight:bold; display:block; margin-bottom:16px; margin-top:10px;}
.fouc-top li i{ display:block; margin:0 auto; width:28px; height:4px; background:#939292;}
.fouc-top li p{ font-size:14px; color:#666; text-align:left; line-height:24px; margin:0 auto; width:168px; margin-top:22px;}
.fouc-top li:hover b{ color:#ff5951;  -webkit-transition:.8s;}
.fouc-top li:hover i{ background:#ff5951;  -webkit-transition:.8s;}

.hith-three{ width:1170px; height:325px; background:#fff; box-shadow:0 1px 24px rgba(0,0,0,0.09); border-radius:10px; margin-top:76px;}
.htigh-emp{ float:left; background:url(../images/hith01.jpg) center no-repeat; width:262px; height:325px; border-radius:10px 0 0 0;}
.htigh-emp span{ font-size:22px; color:#fff; display:block; padding-top:78px;}
.htigh-emp i{ display:block; width:30px; height:3px; background:#fff;margin:0 auto; margin-top:20px; }
.htigh-emp p{ font-size:12px; color:#fff; line-height:24px; text-align:left; width:200px; margin:0 auto; margin-top:24px;}
.hight-img{ width:110px; height:auto; margin:0 auto; margin-top:26px;}
.hight-img img{ float:left; cursor:pointer;}
.hight-right{ float:left;    width: 874px; margin-left: 20px; padding:0; margin-top:56px; height: 221px;  overflow: hidden;}
.hight-tate p{ font-size:14px; color:#666; margin-top:20px;}
.hight-tate li{ width:263px; margin:0 13px;}
.hight-tate li img{-webkit-transition:.8s;}
.hight-tate li:hover img{ box-shadow:0 4px 24px rgba(0,0,0,0.4); -webkit-transition:.8s;}

/*底部悬浮表单*/
.bottom{width:100%;height:195px; position: fixed; bottom: 0;min-width:1200px; z-index:99;}
.close-warp{width:180px;height:166px; position: absolute;left:0; display:none; cursor:pointer;bottom:0px;}
.bottom-warp{width:100%;height:195px;background:url(http://www.hqyj.com/zhuanti/2018wlwsj/images/baoming.png) bottom repeat-x;min-width:1200px; z-index:999; }
.bottom-img{width:885px;margin:0 auto; position: relative;}
.bottom-warp .xx{width:25px;height:25px; position: absolute;top:28px;right:-92px;cursor: pointer;}
/*dfoot*/
.dfoot{width:100%;min-width:1200px;height:195px; position:fixed;left:0px;bottom:0px;}
.btn-select {float:left; position: relative; display: inline-block; width: 134px; height: 40px; font-size:14px; font-family:"微软雅黑", Arial, Tahoma,"微软雅黑"; background: #fff;color: #999999;text-align:left; cursor:pointer;border-radius: 4px;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.1);margin-left:8px;margin-right:8px;} 
.btn-select .cur-select { position: absolute; display: block; width: 134px; height: 40px; background:url(../images/king_zi.png) no-repeat 100px center;  padding-left: 20px; line-height: 40px;cursor:pointer; border-radius:4px;}
.btn-select select { position: absolute; top: 0; left: 0; width: 134px; height: 40px; opacity: 0; filter: alpha(opacity: 0;); font-size:14px; font-family:"微软雅黑", Arial, Tahoma,"微软雅黑"; cursor:pointer;}
.dfoot input{float:left;color:#333;}
.bm_input{width:132px;height:40px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-left:10px;}
.bm_input3{width:140px;height:40px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-left:18px;}
.bm_input4{width:140px;height:40px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-left:18px;}
.z_btn{width:120px;height:40px;border-radius:4px;font-size:18px;color: #fff !important;background: #f9643c;cursor:pointer;margin-left:18px;}
.z_btn:hover{background:#e44015; transition:1s; -webkit-transition:1s;}
/*报名*/
input::-webkit-input-placeholder{ /*webkit内核浏览器*/
color:#999999;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#999999;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#999999;	}
input:-ms-placeholder{
color:#999999;	}

.dfoot_center{float:right;width:700px;}
.dfoot_center p{ font-size:16px;color:#fff;padding-bottom:30px;}