@charset "gb2312";
/* CSS Document */
/*header*/
.header_title{ width:100%; height:40px; background:#474747; min-width:1200px;}
.header_left{ float:left;}
.header_jituan{ font-size:14px; color:#ddd; line-height:22px; text-align:left; float:left; width:422px;margin-top: 11px;text-indent: 0.9em;}
.header_phone{ font-size:14px; color:#fff; width:270px; height:40px; background:#219bed; float:left;line-height: 40px;}
.header_phone img{  margin-right: 10px; position: relative; top: 3px;}
.header_right{ float:right;}
.header_right p{color:#b1b1b1; font-size:16px; font-weight:bold; text-align:left;padding-left:12px;}
.header_right ul{padding-top:18px;}
.header_right li{ position:relative; cursor:pointer; float:left;padding:0 20px;text-align:center;}

.header_right .lweixin{background:url(../images/weix.png) center  0  no-repeat;margin-top:10px;font-size:14px;color:#999999;}
.header_right .lweixin span{ display:block; line-height:40px;margin-top:30px;}
.header_right .lweixin:hover{background:url(../images/weixin.png) center  0  no-repeat; color:#31c37c}
.header_right .lqq{background:url(../images/QQ.png) center  0  no-repeat;margin-top:10px;font-size:14px;color:#999999;}
.header_right .lqq span{  display:block; line-height:40px;margin-top:30px;}
.header_right .lqq:hover{background:url(../images/QQh.png) center  0  no-repeat; color:#31c37c}
.header_right .phone{background:url(../images/phone.png) center  0  no-repeat;margin-top:10px;font-size:14px;color:#999999;}
.header_right .phone span{display:block; line-height:40px;margin-top:30px;}
.header_right .phone:hover{background:url(../images/phoneh.png) center  0  no-repeat; color:#31c37c}
.header-img{ margin-top: 10px;}

.header_right { width: 264px; margin-left: 62px;}
.header_a{ font-size:14px; color:#fff;line-height: 40px;}
.laiweixin { width: 120px; height: 120px; position: absolute; top: 35px; right: -26px; z-index: 999; background: url(../images/top_weixinbg.png) center no-repeat; text-align: center;margin-top: 20px;display:none;}
.laiphone{font-size:14px; color:#7e7a7a; background:url(../images/icon.png) no-repeat;position: absolute; top: 56px; width: 100px; z-index: 10;right: -12px; display:none;width:120px;height:38px;line-height:38px;padding-top:2px;}
.laiweixin img{ margin-top: 15px;}

.laiqq { width: 120px; height: 120px; position: absolute; top: 15px; right: -40px; z-index: 999; background: url(../images/top_weixinbg.png) center no-repeat; text-align: center;margin-top: 20px;display:none;}
.laiqq img{ margin-top: 15px;}


.footer-select {float:left;margin-left:90px;text-align:left;position:relative;width:162px;height:40px;}
.bordered{ width:162px; height:40px; background:#f0f0f0; font-size:14px; color:#888; line-height:40px; display:block; transition: all 0.2s; outline: 0; font-family:"微软雅黑", Arial, Tahoma,"微软雅黑"; padding:0; margin:0; border:none; text-align:left;cursor: text;}
button.bordered img{ margin-left:16px; float:left; margin-top:13px; margin-right:14px;}
.dropdown-menu {position: absolute;z-index: 9999999;display: none;opacity: 0;top: 0;left: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;transition: opacity 0.2s, transform 0.2s;-webkit-transform: translateY(-20px) scale(0.93);transform: translateY(-20px) scale(0.93);border-radius: 3px}
.dropdown-menu ul {width: 162px;list-style: none;background: #FFF;box-shadow: 0 8px 29px rgba(14,5,10,0.26);overflow: auto;margin: 0;    padding-bottom: 10px;  padding-top: 6px;
}
.dropdown-menu ul li {list-style: none;padding: 0;margin: 0;line-height: 18px;}
.dropdown-menu ul li>a {display: block;color: #575757;text-decoration: none;line-height: 29px;padding: 0px 16px;white-space: nowrap;transition: all 0.1s; font-size:14px;}
.dropdown-menu ul li>a:hover{ color:#219bed;}
.dropdown-menu ul li>a img{position: relative; top: 1px; margin-right:12px;}
.dropdown-menu.dropdown-opened {opacity: 1;-webkit-transform: none !important;transform: none !important;}
.dropdown-menu.dropdown-anchor-top-left.dropdown-anchor-top-left .dropdown-anchor{display:none !important;}
/*nav*/
.nav_title{ width:100%; height:108px;min-width:1200px; border-bottom:1px #e4e3e3 solid;}
.nav_logo{ width:366px; float:left; height:auto; text-align:left; padding: 6px 0; margin-left: 14px; margin-top: 30px;}
ul.nav_right{width: 814px; height: 94px; float: right;margin-top:12px; }
ul.nav_right li{padding:0px 8px;float:left;font-size:15px; line-height:94px;}
/*ul.nav_right li:hover{ cursor:pointer;}*/
ul.nav_right li a{color:#333;}
ul.nav_right li:hover a{color:#219bed; font-weight:bold;}
/*ul.nav_right li.liFirst :hover{cursor:pointer;}*/
.dh_menu{width:1200px;height:210px;position:absolute;top:95px; left:0; background:#fff; z-index:99; display:none;}
.dh_menu ul{width:1200px;height:auto;}
.dh_menu ul li{ float:left; line-height:normal; text-align:left;position: relative; height:210px; margin-top:0px;}
.dh_new{ width:90px; left:778px;height: 150px;}
.dh_new p{line-height: 50px; font-size: 15px;color:#333333; font-weight:normal;}
.dh_new p:hover{ background:#f2f2f2; color:#219bed;}
.dh_add{ height:200px;left: 1096px;}
.lifirst_sead{ font-size:14px; color:#9b9b9b; margin-right:15px;line-height: 25px; font-weight:normal;}
.down{ margin-left: 4px; position: relative; top: -2px;}
.bold{ font-size:16px; font-weight:bold; color:#219bee; border-bottom:2px #219bee solid;padding-bottom: 8px; margin-right: 14px;}
.hui{ font-size:12px; color:#bbb8b8;}
.lifirst_title{ width:96px;text-align:right;color:#777777; display:inline-block;font-size: 13px;margin-top: 3px;margin-right: 15px;    line-height: 25px;}
.lifirst_sead:hover,.lifirst_title:hover{ color:#219bed;}
.hold_div{ height:34px;margin-bottom: 10px;margin-top: 20px;}
.hold{ float:left; height:40px; margin-right:20px;}
.hold_font{ width:1px; background:#d8d5d7; height:143px; position:absolute; top:36px; right:8px; z-index:1;}
.hold_img{ position:absolute; bottom:8px; right:32px; z-index:1;}
.moust01{ width:330px;}
.moust02{ width:294px;}
.moust03{ width:250px;}
.moust04{ width:205px;}
.onelist{ margin-right:0; display:inline-block; width:78px;}
.seandlist{ display:inline-block; width:88px; margin-right:0;}
.lif_new{ width:188px;}
/*new*/
.seadnew-ie{ display:block;}
.farsi-mu{ width:201px; padding:0 15px !important;}
.farsi-a{ right:20px;}
.farsi-b{margin-right: 0; display: inline-block; width:150px;}
.farsi-mu02{width: 310px; padding: 0 22px !important;}
.farsi-c{ width:166px; display:inline-block; margin-right:0;}
.farsi-d{ width:355px; padding:0 15px !important;}
.farsi-e{ width:180px; display:inline-block; margin-right:0;}
.farsi-f{ width:200px;padding:0 15px !important;}
.farsi-g{ width:711px; height:183px; left:224px;}
.farsi-h{ width:156px;padding:0 22px !important;}
.farsi-b img,.farsi-i img{ margin-right: 10px;  position: relative;  top: 2px;}
.farsi-i{ width:130px; display:inline-block; margin-right:0px;}
.farsi-j{ width:278px;padding:0 15px !important;}
.farsi-k{width:170px;padding:0 15px !important;}
.farsi-g ul li{ height:183px;}
.farsi-n{ height:118px;}


/*banner*/
.flexslider{margin:0px auto;position:relative;width:100%;height:480px;overflow:hidden;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; 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: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;bottom:80px;text-align:center;}
.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 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.img06{ background: url(../images/grouplearnprogram.jpg) center no-repeat; width:100%; height:480px;}
.img05{ background: url(../images/17shziban.jpg) center no-repeat; width:100%; height:480px;}
.img04{ background: url(../images/banner04.jpg) center no-repeat; width:100%; height:480px;}
.img03{ background: url(../images/banner03.jpg) center no-repeat; width:100%; height:480px;}
.img02{ background: url(../images/groupactivity.jpg) center no-repeat; width:100%; height:480px;}
.img01{ background: url(../images/banner01.jpg) center no-repeat; width:100%; height:480px;}
.banner_tiao{ width:100%; height:66px; background:rgba(0,0,0,0.4); position:absolute; bottom:0px; left:0px; z-index:99;}
.shu_tiao{ width:1146px; height:66px;margin: 0 auto;}
.shu_tiao li{ float:left; padding:0 40px; background:url(../images/shu.png) right no-repeat; height: 42px; margin: 12px 0;}
.shu_tiao img{ float:left;}
.shu_tiao p{ float:left; margin-left:10px; text-align:left;margin-top: 4px; line-height: 18px;}
.shu_tiao p span{ font-size:12px; color:#fff; display:block;}
/*品质IT教育  尽在华清远见*/
.quality_title{ width:100%; height:auto; padding-top: 50px;  padding-bottom: 38px;}
.quality_title p{ font-size:36px; color:#444;line-height: 60px;}
.quality_title span{ font-size:14px; color:#888888;}
.quality_shu{ font-size:12px !important; font-family: '宋体'; margin:0 3px; color:#ccc !important;}
.high{ float:left; text-align:left; width: 234px;margin-bottom: 20px;}
.high_shu{ width:5px; height:38px; background:#3f86d6; float:left;}
.high_title{ font-size:24px; color:#333; display:block; margin-top: -4px; margin-left: 14px; line-height:28px;}
.high_xu{ font-size:12px; color:#b2b2b2;margin-left: 10px;}
.high_tab{ width:951px; float:left; height:auto; position:relative;}
.high_tab ul{ width:100%; height:auto;}
.high_tab li{ float:left; width:78px; height:auto; font-size:16px; color:#777; cursor:pointer;}
.high_tab li a{font-size:16px; color:#777; display:block;}
.high_tab li.hover a.lan{ color:#3f86d6; border-bottom:5px #3f86d6 solid; padding-bottom:10px; position:relative; z-index:99;}
.high_tab li.hover a.lv{ color:#36b2a1; border-bottom:5px #36b2a1 solid; padding-bottom:10px; position:relative; z-index:99;}
.high_tab li.hover a.cuilv{color:#64bd02; border-bottom:5px #64bd02 solid; padding-bottom:10px; position:relative; z-index:99;}
.high_tab li.hover a.zise{color:#BF86E5; border-bottom:5px #BF86E5 solid; padding-bottom:10px; position:relative; z-index:99;}
.high_tab li.hover a.dasj{color:#3FB0EA; border-bottom:5px #3FB0EA solid; padding-bottom:10px; position:relative; z-index:99;}
.high_tab li.hover a.Java_ee{color:#5177C2; border-bottom:5px #5177C2 solid; padding-bottom:10px; position:relative; z-index:99;}
.high_tab li.hover a.cheng{color:#D1A34D; border-bottom:5px #D1A34D solid; padding-bottom:10px; position:relative; z-index:99;}
.high_tab li.hover a.lfen{color:#ed5b7e; border-bottom:5px #ed5b7e solid; padding-bottom:10px; position:relative; z-index:99;}
.high_tab li.hover a.danlan{color:#6079A1; border-bottom:5px #6079A1 solid; padding-bottom:10px; position:relative; z-index:99;}
.high_tab span{ display:inline-block; position:absolute; top:31px; left:0; z-index:1; width:100%; height:5px; background:#e5e5e5;}
.high_link{ font-size:16px; color:#3f86d6; float:right;}
.high_down{ width:100%; height:auto;}
.high_down li{ width:100%;}
.high_down_left{ background:url(../images/danlan01.jpg) center no-repeat; width:234px; height:403px; float:left;}
.high_down_left p{ width:182px;padding: 12px 0px; border:1px #fff solid; font-size:24px; color:#fff; margin:0 auto; margin-top:70px; margin-bottom:56px;}
.high_down_left span{ font-size:14px; color:#f2f2f2; line-height:22px; display:block; text-align: left; margin-left: 50px;}
.lfen02 span{ margin-left:60px;}
.high_over em{ width:87px; height:17px; background:url(../images/zixun.png) center no-repeat; display:inline-block; margin:0px auto; padding:9px 14px; -webkit-transition:.8s}
.high_over{ width:115px; height:35px; background:#fff; border-radius:18px; margin:0 auto; margin-top:30px;-webkit-transition:.8s}
.high_over em:hover{ background: url(../images/zixun02.png) center no-repeat;}
.high_over:hover{ background:none; border:1px #fff solid;}
.high_down_left a img{position: relative; top: 4px; margin-right: 8px;}
.high_juli{ margin-right:15px;}
.high_juli2{margin-right:14px;}
.high_add01{ background:url(../images/high02.jpg) center no-repeat;}
.cuilv02{ background:url(../images/high03.jpg) center no-repeat;}
.zise02{ background:url(../images/zise01.jpg) center no-repeat;}
.dasj02{ background:url(../images/dashuju01.jpg) center no-repeat;}
.Java_ee02{ background:url(../images/j2ee01.jpg) center no-repeat;}
.cheng02{ background:url(../images/cheng01.jpg) center no-repeat;}
.lfen02{ background:url(../images/lfen01.jpg) center no-repeat;}
.danlan02{background:url(../images/wl01.jpg) center no-repeat;}
.high_midolle{ width:656px; height:201px; background:#fff; float:left;margin-bottom: 14px;}
.high_pingpu{ float:left; width:218px; height:201px;}
.high_ping_one{ width:100%; height:58px;margin: 27px 0;}
.high_change{ background: url(../images/l07.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_change:hover{ background:url(../images/l02.jpg) left no-repeat;}
.high_change02{ background: url(../images/l03.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_change03{ background: url(../images/l04.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_change04{ background: url(../images/l05.png) left no-repeat; width: 197px; height: 58px; display: inline-block;}
.high_change05{ background: url(../images/l06.png) left no-repeat; width: 197px; height: 58px; display: inline-block;}
.high_change06{ background: url(../images/l.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_change02:hover{ background:url(../images/l08.png) left no-repeat;}
.high_change03:hover{ background:url(../images/l09.png) left no-repeat;}
.high_change04:hover{ background:url(../images/l10.png) left no-repeat;}
.high_change05:hover{ background:url(../images/l12.png) left no-repeat;}
.high_change06:hover{ background:url(../images/l11.png) left no-repeat;}
.high_xing01{background: url(../images/x01.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_xing02{background: url(../images/x02.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_xing03{background: url(../images/x03.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_xing04{background: url(../images/x04.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_xing05{background: url(../images/x05.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_xing06{background: url(../images/x06.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_xing01:hover{ background:url(../images/x12.png) left no-repeat;}
.high_xing02:hover{ background:url(../images/x07.png) left no-repeat;}
.high_xing03:hover{ background:url(../images/x08.png) left no-repeat;}
.high_xing04:hover{ background:url(../images/x09.png) left no-repeat;}
.high_xing05:hover{ background:url(../images/x10.png) left no-repeat;}
.high_xing06:hover{ background:url(../images/x11.png) left no-repeat;}
.high_an01{background: url(../images/an01.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_an02{background: url(../images/an02.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_an03{background: url(../images/an03.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_an04{background: url(../images/an04.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_an05{background: url(../images/an05.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_an06{background: url(../images/an12.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_an01:hover{ background:url(../images/an07.png) left no-repeat;}
.high_an02:hover{ background:url(../images/an08.png) left no-repeat;}
.high_an03:hover{ background:url(../images/an09.png) left no-repeat;}
.high_an04:hover{ background:url(../images/an10.png) left no-repeat;}
.high_an05:hover{ background:url(../images/an11.png) left no-repeat;}
.high_an06:hover{ background:url(../images/an06.png) left no-repeat;}
.high_vr01{background: url(../images/vr01.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_vr02{background: url(../images/vr02.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_vr03{background: url(../images/vr03.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_vr04{background: url(../images/vr04.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_vr05{background: url(../images/vr05.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_vr06{background: url(../images/vr06.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_vr01:hover{ background:url(../images/vr07.png) left no-repeat;}
.high_vr02:hover{ background:url(../images/vr08.png) left no-repeat;}
.high_vr03:hover{ background:url(../images/vr09.png) left no-repeat;}
.high_vr04:hover{ background:url(../images/vr10.png) left no-repeat;}
.high_vr05:hover{ background:url(../images/vr11.png) left no-repeat;}
.high_vr06:hover{ background:url(../images/vr12.png) left no-repeat;}
.high_html01{background: url(../images/h01.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_html02{background: url(../images/h02.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_html03{background: url(../images/h03.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_html04{background: url(../images/h04.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_html05{background: url(../images/h05.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_html06{background: url(../images/h06.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_html01:hover{ background:url(../images/h07.png) left no-repeat;}
.high_html02:hover{ background:url(../images/h08.png) left no-repeat;}
.high_html03:hover{ background:url(../images/h09.png) left no-repeat;}
.high_html04:hover{ background:url(../images/h10.png) left no-repeat;}
.high_html05:hover{ background:url(../images/h11.png) left no-repeat;}
.high_html06:hover{ background:url(../images/h12.png) left no-repeat;}
.high_u01{background: url(../images/u07.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_u02{background: url(../images/u08.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_u03{background: url(../images/u09.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_u04{background: url(../images/u10.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_u05{background: url(../images/u11.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_u06{background: url(../images/u12.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_u01:hover{ background:url(../images/u01.png) left no-repeat;}
.high_u02:hover{ background:url(../images/u02.png) left no-repeat;}
.high_u03:hover{ background:url(../images/u03.png) left no-repeat;}
.high_u04:hover{ background:url(../images/u04.png) left no-repeat;}
.high_u05:hover{ background:url(../images/u05.png) left no-repeat;}
.high_u06:hover{ background:url(../images/u06.png) left no-repeat;}
.high_je01{background: url(../images/je01.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_je02{background: url(../images/je02.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_je03{background: url(../images/je03.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_je04{background: url(../images/je04.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_je05{background: url(../images/je05.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_je06{background: url(../images/je06.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_je01:hover{ background:url(../images/je07.png) left no-repeat;}
.high_je02:hover{ background:url(../images/je08.png) left no-repeat;}
.high_je03:hover{ background:url(../images/je09.png) left no-repeat;}
.high_je04:hover{ background:url(../images/je10.png) left no-repeat;}
.high_je05:hover{ background:url(../images/je11.png) left no-repeat;}
.high_je06:hover{ background:url(../images/je12.png) left no-repeat;}
.high_dasj01{background: url(../images/dasj07.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_dasj02{background: url(../images/dasj08.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_dasj03{background: url(../images/dasj09.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_dasj04{background: url(../images/dasj10.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_dasj05{background: url(../images/dasj11.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_dasj06{background: url(../images/dasj12.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_dasj01:hover{ background:url(../images/dasj01.png) left no-repeat;}
.high_dasj02:hover{ background:url(../images/dasj02.png) left no-repeat;}
.high_dasj03:hover{ background:url(../images/dasj03.png) left no-repeat;}
.high_dasj04:hover{ background:url(../images/dasj04.png) left no-repeat;}
.high_dasj05:hover{ background:url(../images/dasj05.png) left no-repeat;}
.high_dasj06:hover{ background:url(../images/dasj06.png) left no-repeat;}
.high_w01{background: url(../images/wl02.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_w02{background: url(../images/wl03.png) left no-repeat; width: 197px; height: 58px; display: inline-block; margin-left:20px;}
.high_w03{background: url(../images/wl04.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_w04{background: url(../images/wl05.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_w05{background: url(../images/wl06.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_w06{background: url(../images/wl07.png) left no-repeat; width: 197px; height: 58px; display: inline-block; }
.high_w01:hover{ background:url(../images/wl08.png) left no-repeat;}
.high_w02:hover{ background:url(../images/wl09.png) left no-repeat;}
.high_w03:hover{ background:url(../images/wl10.png) left no-repeat;}
.high_w04:hover{ background:url(../images/wl11.png) left no-repeat;}
.high_w05:hover{ background:url(../images/wl12.png) left no-repeat;}
.high_w06:hover{ background:url(../images/wl13.png) left no-repeat;}
.high_ping_three{ font-size:16px; color:#333333; display:block; float:left;line-height: 26px;  margin-top: 8px; margin-left: 70px;}
.high_ping_four{ font-size:12px; color:#aaa; float:left; margin-left:70px;}
.high_change:hover .high_ping_three,.high_change02:hover .high_ping_three,.high_change03:hover .high_ping_three,.high_change04:hover .high_ping_three,.high_change05:hover .high_ping_three,.high_change06:hover .high_ping_three{ color:#3f86d6;}
.high_xing01:hover .high_add05,.high_xing02:hover .high_add05,.high_xing03:hover .high_add05,.high_xing04:hover .high_add05,.high_xing05:hover .high_add05,.high_xing06:hover .high_add05{ color:#36b2a1;}
.high_an01:hover .cuilv10,.high_an02:hover .cuilv10,.high_an03:hover .cuilv10,.high_an04:hover .cuilv10,.high_an05:hover .cuilv10,.high_an06:hover .cuilv10{ color:#52ad02;}{ color:#52ad02;}{ color:#52ad02;}{ color:#52ad02;}{ color:#52ad02;}{ color:#52ad02;}
.high_vr01:hover .zise10,.high_vr02:hover .zise10,.high_vr03:hover .zise10,.high_vr04:hover .zise10,.high_vr05:hover .zise10,.high_vr06:hover .zise10{ color:#BF86E5;}
.high_je01:hover .zise10,.high_je02:hover .zise10,.high_je03:hover .zise10,.high_je04:hover .zise10,.high_je05:hover .zise10,.high_je06:hover .zise10{ color:#5177C2;}
.high_html01:hover .cheng10,.high_html02:hover .cheng10,.high_html03:hover .cheng10,.high_html04:hover .cheng10,.high_html05:hover .cheng10,.high_html06:hover .cheng10{ color:#D1A34D;}
.high_dasj01:hover .lfen10,.high_dasj02:hover .lfen10,.high_dasj03:hover .lfen10,.high_dasj04:hover .lfen10,.high_dasj05:hover .lfen10,.high_dasj06:hover .lfen10{color:#3FB0EA;}
.high_u01:hover .lfen10,.high_u02:hover .lfen10,.high_u03:hover .lfen10,.high_u04:hover .lfen10,.high_u05:hover .lfen10,.high_u06:hover .lfen10{color:#ed5b7e;}
.high_w01:hover .danlan05,.high_w02:hover .danlan05,.high_w03:hover .danlan05,.high_w04:hover .danlan05,.high_w05:hover .danlan05,.high_w06:hover .danlan05{color:#6079A1;}
.high_youce{ width:280px; height:201px; float:left; background:#fff;margin-bottom: 14px;}
.high_youce_one{ font-size:16px; color:#3f86d6; font-weight:bold; border-top:3px #3f86d6 solid; display:block; width:101px; padding-top:6px; margin:0 auto;}
.high_youce_two{ width:115px; float:left; height:140px; margin-top: 12px; margin-left:24px;overflow: hidden;}
.high_add04{border-top: 3px #36b2a1 solid; color:#36b2a1;}
.cuilv11{border-top: 3px #52ad02 solid; color:#52ad02;}
.dasj11{border-top: 3px #3FB0EA solid; color:#3FB0EA;}
.zise11{border-top: 3px #BF86E5 solid; color:#BF86E5;}
.Java_ee11{border-top: 3px #5177C2 solid; color:#5177C2;}
.cheng11{border-top: 3px #D1A34D solid; color:#D1A34D;}
.lfen11{border-top: 3px #ed5b7e solid; color:#ed5b7e;}
.danlan04{border-top: 3px #6079A1 solid; color:#6079A1;}
.zise12{ border:2px #BF86E5 solid; width:184px; height:66px; margin:0 auto; font-size:20px; color:#554e4e;padding-top: 6px; margin-top:26px;}
.danlan06{border:2px #6079A1 solid;}
.Java_ee12{border:2px #5177C2 solid;}
.dasj12{border:2px #3FB0EA solid;}
.zise12 p{ font-weight:bold;}
.zise13{ font-size:16px; color:#777; padding-top:14px;}
.zise13 span{ font-weight:bold; color:#ed4040;}
.zise12 span{ font-size:24px; color:#ed4040;}
.bian{ width:1px; height:129px; background:#ebe9e9; float:right;}
.high_youce_two p{ font-size:13px; color:#333; width:90px; text-align:left; line-height:22px;}
.high_youce_two span{ color:#3f86d6; float:right;}
.cuilv12{ color:#52ad02 !important;}
.cheng12{color:#D1A34D !important;}
.lfen12{color:#ed5b7e !important;}
.cheng13{ height:64px;}
.cheng14{ font-size:14px; color:#777; position: relative;top: -50px;}
.high_xia{ width:951px; height:190px;float:left;}
.high_xia_one{ width:178px; height:188px; overflow:hidden; position:relative; float:left;    margin-right: 15px}
.high_xia_one p{ font-size:14px; color:#fff; background:rgba(0,0,0,0.58); width:180px; height:34px; position:absolute; bottom:0px; left:0px; z-index:99; line-height:34px;}

#con_upg_1 .high_xia a:hover p{background:#3F86D6;-webkit-transition: .8s}
#con_upg_2 .high_xia a:hover p{background:#36B2A1;-webkit-transition: .8s}
#con_upg_3 .high_xia a:hover p{background:#64BD02;-webkit-transition: .8s}
#con_upg_4 .high_xia a:hover p{background:#5177C2;-webkit-transition: .8s}
#con_upg_5 .high_xia a:hover p{background:#D1A34D;-webkit-transition: .8s}
#con_upg_6 .high_xia a:hover p{background:#BF86E5;-webkit-transition: .8s}
#con_upg_7 .high_xia a:hover p{background:#3FB0EA;-webkit-transition: .8s}
#con_upg_8 .high_xia a:hover p{background:#ed5b7e;-webkit-transition: .8s}
#con_upg_9 .high_xia a:hover p{background:#6079A1;-webkit-transition: .8s}


.cheng15 p,.lfen13 p{ background:#6b6b6b; width:307px;}
.zise14 p{background:#6b6b6b;}
.cheng15,.lfen13{ width:307px; overflow:hidden;}
.cheng15 img,.lfen13 img{ width:100%;}
.high_xia_one span{ color:#fff; font-size:14px; background:#52ad02; display:inline-block; position:absolute; top:0px; left:10px; z-index:99;padding-bottom: 12px; padding-top:10px; width:27px;line-height: 16px;}
.high_lv{ width:220px; height:130px; margin:0 auto; text-align:left;  position:relative;margin-top: 24px; overflow: hidden;}
.high_lv_xian{width:1px; height:110px; background:#dedede; float:left; margin-top:6px; margin-left:4px;}
.high_lv_di{ color:#36b2a1 !important; margin-left:14px;}
.high_lv_zi{ color:#e83535 !important;}
.high_lv p{ font-size:13px; color:#36b2a1; height:18px; margin-bottom: 8px; background:url(../images/xinwen02.png) left no-repeat;position: relative; z-index: 99; cursor:pointer;}
.high_lv p:hover{ background:url(../images/xinwen.png) left no-repeat;}
.high_lv p span{ color:#777;}
.high_lv_time{ margin-left:14px; margin-right:36px;}
.high_xia_one p:hover{ background:#3f86d6;}
.cheng15 p:hover{ background:#D1A34D;}
.zise14 p:hover{ background:#BF86E5;}
.lfen13 p:hover{ background:#ed5b7e;}
.danlan07 p:hover{ background:#428e9d ;}
.high_add03 p:hover{ background:#36b2a1;}
.dasj p:hover{ background:#3FB0EA;}
.Java_ee p:hover{ background:#5177C2;}

.high_xia_one:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.high_xia_one img{-webkit-transition: .8s;}
.high_xia_one:hover{box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);-webkit-transition: .8s}
.ascension{ width:100%; height:auto; display:table;margin-top: 60px;}
.ascension li{ width:389px; height:auto; float:left;}
.ascension_wid{ width:389px;margin-bottom: 14px;}
.ascension_link{ font-size:12px; color:#aaa; float:right;margin-top: -6px;}
.ascension_link:hover{ color:#3f86d6;}
.high_fen{ width:5px; height:38px; background:#b53591; float:left;}
.ascension_left{ width:100%; height:153px; overflow:hidden; background:url(../images/fen.jpg) center no-repeat;box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);-webkit-transition: .8s}
.ascension_left p{ font-size:21px; color:#fff; font-weight:bold;    line-height: 36px; margin-top:50px;}
.ascension_left span{ font-size:14px; color:#fff;}
.ascension_down{ width:389px; height:102px; background:#fff;box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);-webkit-transition: .8s}
.ascension_down p{ width:100px; height:auto; float:left; text-align:left; padding-top:24px; margin: 0 8px;}
.ascension_down span{ font-size:14px; color:#333; display: inline-block; line-height: 24px;}
.ascension_down_sp{ border-top:2px #b53591 solid; padding-top:8px;}
.ascension_zi span:hover{ color:#b53591;}
.ascension_tou{margin: 0 20px !important; margin-left: 30px !important;}
.ascension_middle{ background:url(../images/lan.jpg) center no-repeat;box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);-webkit-transition: .8s}
.ascension_right{ background:url(../images/zi.jpg) center no-repeat;box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);-webkit-transition: .8s}
.ascension_down02{ width:389px; height:102px; background:#fff;box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);-webkit-transition: .8s}
.ascension_down02 p{ width:145px; height:auto; float:left; text-align:left; padding-top:24px; margin: 0 8px; position:relative;margin-left: 21px;}
.ascension_down02 span{ font-size:12px; color:#777; display: block; line-height: 24px;}
.rd{border-top:2px #5fb8ea solid; font-size:18px !important; font-weight:bold; color:#333 !important; display:inline-block !important;}
.youce{ width:1px; height:58px; background:#dfe2e3; position:absolute; top:20px; right:2px; z-index:99;}
.ascension_wei{margin: 0 20px !important; margin-left:30px !important; width:165px !important;}
.dd{border-top:2px #f85567 solid; font-size:18px !important; font-weight:bold; color:#333 !important; display:inline-block !important;}
.accordion_lan:hover{ color:#5fb8ea !important;}
.accordion_hong:hover{ color:#f85567 !important;}
/*高端就业品牌  高薪就业为证*/
.employment{ font-size:24px; color:#333; text-align:left;margin-bottom: 20px;}
.employment span{ width:5px; height:27px; background:#3f86d6; display:inline-block;position: relative; top: 6px;margin-right: 10px;}
.employment a{ font-size:12px; float:right; color:#aaa;margin-top: 12px;}
.employment a:hover{ color:#3f86d6;}
.employment_xue{ width:100%; height:auto; display:table;}
.employment_xue li{ float:left; cursor:pointer;}
.employment_yuan{ overflow:hidden; width:245px; height:368px; position:relative;}
.employment_ju{ background:url(../images/yuan.png) center repeat; position:absolute; top:0px; left:0px; z-index:99; width:245px; height:368px; display:none;}
.employment_xinzi{ border:1px #fff solid; width:198px; height:108px; margin:0 auto;margin-top:128px;}
.employment_xinzi p{ font-size:24px; color:#fff; margin-top:14px;line-height: 36px;}
.employment_xinzi span{ font-size:14px; color:#fff; display:block;line-height: 22px;}
.employment_yuan02{ overflow:hidden; width:192px; height:176px; position:relative;}
.xinzi02{ margin-top:30px; width:164px;}
.ju02{ width:192px; height:176px;}
.employment_yuan03{ width:347px; height:368px; overflow:hidden; position:relative; }
.ju03{ width:347px; height:368px;}
.employment_yuan04{overflow:hidden; width:180px; height:176px; position:relative;}
.ju04{ width:180px; height:176px;}
.employment_ye{ width:817px; height:auto; float:left; margin-top:30px;}
.stu_gaoxin_list{width:810px;height:auto; margin:0 auto; box-shadow:0 0 10px 0px rgba(0,0,0,0.1);-webkit-transition: .8s}
.stu_gaoxin_list tr.stu_gaoxin_list_bt{line-height:40px;background:#5f6e88;}
.stu_gaoxin_list tr.stu_gaoxin_list_bt td{color:#fff; text-align:center;font-size:16px;}
.money{ background:#f15a5a; position:relative; color:#fff !important;}
.money span{ position:absolute; height:4px; top: -4px;right: 0px; z-index: 99;display: inline-block; background:#f15a5a; width:70px;}
.stu_work2{width:810px;height:460px; margin:0 auto; overflow:hidden; box-shadow:0 0 10px 0px rgba(0,0,0,0.1);-webkit-transition: .8s}
.stu_list li{background:#fff;line-height:38px;height: 38px; border-bottom: 1px #d6dade solid;}
.stu_list li p{width:70px;color:#666;font-size:13px; text-align:center;float:left;}
.stu_list li p.w178{width:145px;}
.stu_list li p.w298{width:243px;}
.stu_list li p.w95{width:142px;}
.employment_contary{ width:99.6%; height:132px; background:#fff; text-align:left;box-shadow:0 0 10px 0px rgba(0,0,0,0.1); margin-top:15px;-webkit-transition: .8s}
.employment_mont{ font-size:18px; color:#fff; width:110px; height:34px; display:inline-block; background:#4776c8; line-height:34px; text-align:center;}
.banner_six{ width:810px; height:68px; position:relative; margin-top:15px;text-align: center;}
.banner_six .list_six{ width:810px; height:68px;overflow:hidden; position:relative; z-index:1;}
.banner_six .list_six li{ width:810px; height:68px; position:absolute; left:0px; top:0px; display:none;}
.banner_six .btn_six{ position:absolute; top:-20px; left:53%; margin-left:320px; z-index:100;}
.banner_six .btn_six li{ margin-left: 6px; background: #4776c8; text-indent: -999em; float: left; width: 6px; height: 6px; cursor: pointer;}
.banner_six .btn_six li.hover{ background: #d1caca;}
.employment_right{ width:371px; height:auto; float:right; margin-top:30px;}
.employment_table{ width:100%; height:500px; background: url(../images/jing.jpg) center no-repeat; box-shadow:0 0 10px 0px rgba(0,0,0,0.1);-webkit-transition: .8s}
.form_title{ border-bottom:1px #dadada solid; width:332px; margin:0 auto; padding-top:26px; padding-bottom:20px; margin-bottom:20px;}
.form_title p{ font-size:18px; color:#f15a5a;line-height: 26px;}
.form_title span{ font-size:16px; color:#777777;}
.em_star p{ width:332px; margin:0 auto; font-size:14px; color:#666; margin-top:10px;}
.em_input{width:238px; height:34px; border:1px #cccccc solid; background:none; padding-left: 6px; margin-left: 10px;}
.em_tex{width:238px; height:104px;  border:1px #cccccc solid; background:none; padding-left: 6px; margin-left: 10px;padding-top: 8px;font-family: "微软雅黑", Arial, Tahoma,"微软雅黑";}
.em_star span{ position: relative; top: -36px;}
input{font-family: "微软雅黑", Arial, Tahoma,"微软雅黑";    font-size: 12px;}
.em_sub{ font-size:16px; color:#fff; width:153px; height:39px; background:#3f86d6; margin:0 auto; border:0; border-radius:5px;font-family: "微软雅黑", Arial, Tahoma,"微软雅黑"; float:right;margin-right: 50px; cursor:pointer; margin-top:30px;}
.em_sub:hover{ border:1px #3f86d6 solid; color:#3f86d6; background:none;}
.employment_cross{ width:1200px; height:160px; background:#fff; margin-top:16px;box-shadow:0 0 10px 0px rgba(0,0,0,0.1);-webkit-transition: .8s}
.employment_cross li{ float:left; width:234px; height:109px; margin-top:26px;}
.employment_cross p{ font-size:14px; color:#777; font-weight:bold;margin-top: 10px;}
.employment_cross span{ font-size:14px; color:#777;}
/*13年匠心铸造 教学实力*/
.originality{ width:1200px; height:auto; display:table;}
.originality li{ width:228px; height:258px; float:left; position:relative;margin-right: 14px; margin-bottom:14px; cursor:pointer; position:relative; overflow:hidden;}
.originality_seand p{ font-size:14px; color:#fff;}
.originality_margin{ margin-bottom:6px;}
.originality_seand span{ font-size:18px; color:#fff; display:block; margin-top:2px;line-height: 34px;}
.originality_tilt_p{ font-size:14px; color:#fe4b34; display:inline-block; margin-left:20px;}
.originality_ye{ width:906px;}
.originality_seand{ width:190px; height:62px; position:absolute; bottom:0; left:0; z-index:99; background:rgba(0,0,0,0.6); padding:0 20px; text-align:left;}
/*听听企业对华清学员的评价*/
/*智能项目演示视频*/
.prolist{width:100%;text-align:left;}
.prolist li{float:left;position:relative;}
.prolist li .list_01{width:280px; position:relative;margin-left:10px;margin-right:10px;margin-top:10px;}
.prolist li .list_01 .qimg01{width:280px;height:210px;}
.prolist li .list_01 .qimg02{width:32px;height:32px; position:absolute;top:166px;right:10px;}
.prolist li .list_01 p{width:100%;color:#333333; font-size:14px; height:40px;line-height:40px;}
.prolist li .list_01 p span{padding-left:15px;}
.list_02{width:279px;padding:10px; background:#fff; position:absolute; top:0px;left:0px;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.list_02 .qbei1{width:280px;height:210px; overflow:hidden;}
.list_02 .qbei1 .qimg01{transition: .8s;-webkit-transition: .8s}
.list_02 .qbei1:hover .qimg01{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.list_02 .qbei{}
.list_02 .qbei img{width:54px;height:54px; position:absolute;left:0px;right:0px; margin:0 auto;top:82px;}
/*合作企业*/
.emplo_c{ width:100%; height:auto;position:relative;}
.emplo_d{ width:100%; height:auto; margin:0 auto; display:table;}
.emplo_d li{ float:left;width:223px;margin-right:21px;}
.emplo_e{width:223px; height:147px;margin-top:10px;}
.emplo_f{ width:26px; height:40px; position:absolute; top:58px; left:0px; z-index:99; cursor:pointer;}
.emplo_g{ width:26px; height:40px; position:absolute; top:58px; right:0px; z-index:99; cursor:pointer;}
.emplo_h{width:1200px; height:auto; margin:0 auto;}

/**/
.row { width:906px; height:auto; display:table;}
.col-sm-6{ width:216px; height:178px; float:left; position: relative;margin-right: 13.7px; margin-bottom:14px;}
.col-sm-6:hover{ box-shadow:0 0 10px 0 rgba(0,0,0,0.2);-webkit-transition: .8s}
.col_right01{ margin-right:0;}
.ih-item.square {position: relative; width: 216px; height:178px;}
.ih-item,.ih-item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.ih-item.square.effect3 .img { height:178px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.ih-item.square.effect3 .info {  height: 26px;  background: #fff;  opacity: 0;  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.img span { color: #333; text-align: center; font-size: 14px;    position: absolute; top: 136px; display: block; width: 216px; left: 0;  background: #fff;  height: 40px;  line-height: 40px;}
.ih-item.square.effect3 .info p { font-size: 12px;  position: relative;  color: #a2a2a2; text-align: center; height:26px;}
.ih-item.square.effect3 a:hover .info {  visibility: visible; opacity: 1;}
.ih-item.square.effect3.bottom_to_top .info { top: auto; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%);  -o-transform: translateY(100%);  transform: translateY(100%);}
.ih-item.square .info { position: absolute; top: 0; bottom: 0;  left: 0; right: 0;  text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {  content: " "; display: table}
.ih-item a { color: #333;}
.ih-item a:hover { text-decoration: none;}
.ih-item.square.effect3 { overflow: hidden;}
.ih-item.square.effect3.colored .info { background: #fff;}
.ih-item.square.effect3.bottom_to_top a:hover .img { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}
.ih-item.square.effect3.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.ih-item.square.effect3.top_to_bottom .info { bottom: auto; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.ih-item.square.effect3.top_to_bottom a:hover .img { -webkit-transform: translateY(50px); -moz-transform: translateY(50px);  -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px);}
.ih-item.square.effect3.top_to_bottom a:hover .info { -webkit-transform: translateY(0);  -moz-transform: translateY(0);  -ms-transform: translateY(0);  -o-transform: translateY(0);  transform: translateY(0);}
.originality_two{ width:280px; height:auto; float:right; margin-top:30px;}
.originality_arc{ font-size:12px; color:#777; text-align:left; width:246px; margin:0 auto; line-height:20px; padding-top:16px; padding-bottom:12px; border-bottom:1px #dcdcdc solid;}
.arctle_originality{ width:100%; height:190px; background:#fff;}
.arctle_originality a{ font-size:12px; color:#777; display:block;line-height: 24px;}
.arctle_originality a:hover{ color:#3f86d6;}
.arctle_link{ width:246px; height:72px; overflow:hidden; margin:0 auto;  margin-top:12px;text-align:left;}
.accordion{ width:1200px; height:auto;margin-bottom: 20px;}
/*精品学习资源  感受真实教学*/
.hot_role{width:1200px;overflow:hidden;}
#centerwell{position:relative;height:330px;margin:0;padding:0;overflow:hidden;width:1200px;}
#centerwell li{position:relative;width:227px;height:330px;float:left;overflow:hidden;margin-right: 14px;  color:#3f86d6; z-index:55;}
#centerwell li:hover{  color:#fff;}


#centerwell .centel{ width:477px; height:280px; position:relative;}
#centerwell .centel:hover{ background:url(../images/dashen_bofang.png) left no-repeat !important;}
.centel p{ width:437px; height:36px; background:rgba(16,15,15,0.38); color:#fff; font-size:14px; line-height:36px; position:absolute; bottom:0; left:0; z-index:99; text-align:left; padding: 0 20px;}
.centel_bo{ width:70px; height:70px; position:absolute; bottom:54px; left:20px; z-index:99; display:none;}
.shipin{ float:right;}
#centerwell .on img{filter:alpha(opacity=100);opacity:1;}
.img_box{border:1px solid #000000;}
.hot_left img{height:170px;width:130px;}
.hot_content .hot_top{float:right;}
.hot_top dl{position:relative;}
.hot_top dl dt{float:left;}
.img_box{border:1px solid #000000;}
.hot_top dl dd{float:left;line-height:21px;padding-left:10px;width:260px;padding-right:10px;}
.centel_font{font-size:14px; display:inline-block; width:165px; height:27px; line-height:27px;margin-top: 23px;}
.centel_font_bor{ width:1200px !important; height:1px; background:#3f86d6; position:absolute; bottom:10px; left:0px; z-index:22;}
.cennel{ width:906px; height:auto; display:table;}
.cennel li{ float:left; width:292px; height:auto;  margin-right: 14px; margin-bottom:14px;}
.cennel li:hover{ box-shadow:0 0 10px 2px rgba(0,0,0,0.2);-webkit-transition: .8s}
.cennel li:hover .cennel_arc a{ background:url(../images/cennel01.png) center no-repeat;-webkit-transition: .8s}

.cennel_img{ width:292px; height:164px; overflow: hidden;}
.cennel_img:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.cennel_img img{-webkit-transition: .8s;}
.cennel_arc{ width:292px; height:74px; background:#fff; position:relative;}
.bank{ background:url(../images/cennel02.png) center -20px no-repeat;}
.cennel_arc_size01{ font-size:14px; color:#333; display:block; padding-top:28px; width:294px; overflow:hidden; height:22px;}
.cennel_arc_size02{ font-size:12px; color:#777;}
.cennel_arc a{ background:url(../images/cennel02.png) center no-repeat; width:54px; height:54px; display:inline-block; position:absolute; top:-30px; left:120px; z-index:99;}
.cennel_arc a:hover{ background:url(../images/cennel01.png) center no-repeat;}
.cennel_link{ height:256px;}
.cennel_cle{ height:278px;padding-top: 6px;}
.cennel_link img{ margin-right:4px;}
.cennel_link a{ line-height:28px;}
/*精彩华清  用心缔造*/
.heart{ margin-top:0;}
.heart_rea{ position:relative; width:514px; height:266px; overflow:hidden; float:left;}
.heart_rea:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.heart_rea img{-webkit-transition: .8s;}
.heart_rea p{ font-size:14px; color:#fff; background:rgba(0,0,0,0.6); height:40px; line-height:40px; position:absolute; bottom:0px; left:0px; z-index:99; width:514px; overflow:hidden;}
.heart_point{ float:left; width:390px; height:266px; background:#fff;}
.heart_integration{ width:328px; height:auto; margin:0 auto; text-align:left;}
.heart_integr{ border-bottom:1px #dcdcdc solid;padding-bottom: 14px; padding-top:18px;}
.heart_integr a{ font-size:20px; color:#333; display:block;line-height: 40px; height: 42px; overflow: hidden;}
.heart_integr a:hover{color:#3f86d6;}
.heart_integr span{ font-size:12px; color:#aaa;}
.heart_list{ margin-top:12px; height:140px; overflow:hidden;}
.heart_list a{ font-size:14px; color:#333; display:block;line-height: 28px; height: 28px; overflow: hidden;}
.heart_list a:hover{ color:#3f86d6;}
.heart_new{ width:280px; height:266px; overflow:hidden;}
.heart_new a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.heart_new a img{-webkit-transition: .8s;}
.heart_new a{ margin-bottom:8px; display:block;width: 280px; height: 83px;overflow: hidden;}
.heart_coment{ width:1200px; height:auto; margin-top:30px; padding-bottom:50px;}
.heart_enterment{ width:1200px; height:auto; display:table;}
.heart_enterment li{ float:left;    margin-right: 9px;}
.heart_enterment li p{ font-size:12px; color:#333; padding-top:16px;}
.experts{ width:100%; background:url(../images/c_02.jpg) center no-repeat; height:346px;}
.experts_mark{ width:1200px; height:auto; padding-top:40px; padding-bottom:56px;}
.experts_mark02{ font-size:28px; color:#fff;line-height: 40px;}
.experts_mark03{ font-size:38px; color:#fff;}
.experts_mark03 span{ color:#fff; font-weight:bold;margin-left: 40px;}
.experts_ul{ width:100%; height:auto; display:table;}
.experts_ul li{ float:left; width:204px; position:relative;}
.experts_ul p{ font-size:16px; color:#fff;}
.experts_ul p span{ font-size:50px; font-weight:bold; color:#fff600;}
.experts_add{ width:180px !important;}
.experts_xian{ width:1px; height:74px; background:#fff; display:inline-block; position:absolute; top:10px; right:0px; z-index:99;}
/*链接*/ 
.friendship{ width:100%; height:132px;} 
.friendship_link{ text-align:left; width:100%; height:auto; float:left;margin-top:10px;} 
.friendship_link span,.friendship_erweima span{ font-size:16px; color:#fff; display:block;padding-top: 50px; padding-bottom: 14px;} 
.friendship_link a{ font-size:12px; color:#999;padding-right: 10px;line-height: 24px; } 
.friendship_link a:hover{color:#fff;} 
.friendship_erweima{ width:300px; height:auto; float:left; text-align:left; margin-left:100px;} 
.friendship_erweima_weixin,.friendship_erweima_qq{ width:53px; height:53px; position:relative; float:left;margin-right: 24px;} 
.lastweixin,.lastqq{ width: 120px; height: 120px; position: absolute; top: 35px; right: -32px; z-index: 999; background: url(../images/top_weixinbg.png) center no-repeat; text-align: center;margin-top: 20px; display:none;} 
.lastweixin img,.lastqq img{ margin-top: 15px;} 
.frien-link{ width:100%; height:auto; margin:0 auto; display:table;padding-top: 22px; padding-bottom:10px;} 
.frien-link li{ float:left;font-size:12px; color:#999999; width:55px;height:23px;padding:0px 5px;text-align:center;} 
.frien-link li.hover{ background:url(../images/zouyou.png) center no-repeat;width:55px;height:23px; color:#333; } 
.frien-tark{width:100%; height:auto; margin:0 auto;} 
.frien-tark li{ width:100%; height:auto;}

/*mobile_foot*/
.mobile_foot{ width:100%; height:auto; background:#454545;}
.foot{ width:1200px; height:auto; margin:0 auto;font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";}
.fen_city{width:1200px;height:100%;overflow:hidden;padding: 50px 0 20px;background:url(../images/bottom_line.png) bottom repeat-x ;}
.fen_city li{width:335px;height:auto;padding:5px 0;float:left; text-align:center;padding-left:30px; padding-right: 35px;}
.fen_city li span{width:70px;height:50px;lien-height:50px;float:left;color:#fff;font-size:30px;background:url(../images/line-right.png) right no-repeat;}
.fen_city li p{float:left;color:#fff; padding:5px 0 0 10px;}
.fen_city li p em{width:18px;height:13px;background:url(../images/tel_icon.png) left no-repeat;display:inline-block;padding:0 5px 0 0;}

/*add*/
.header_link{ float:left; margin-left:35px; height:40px;width: 324px;}
.header_link li{padding: 0px 8px; float:left; position:relative;margin: 0 4px; cursor:pointer;}
.header_link li a{ font-size:14px; line-height:40px; color:#fff;}
.header_link li:hover a{color:#219bed; font-weight:bold;}
.hea_menu{ position:absolute; top:40px;left: -6px; width: 110px;height:105px; box-shadow:0 0 30px 1px rgba(14,5,10,0.21);}
.hea_menu p,.hea_scj p{ color:#333;    line-height: 35px;}
.hea_menu a,.hea_scj p{ font-weight: normal !important;}
.hea_scj{ position:absolute; top:40px; width:100px;box-shadow:0 0 30px 1px rgba(14,5,10,0.21);}
.hea_scj a{ display:inline-block;padding: 0 6px;}
.hea_scj p:hover{color:#219bed;}
.hea_menu p:hover{color:#219bed; background:#f2f2f2;}
/*.header_link a{font-size:14px; color:#ddd; line-height:40px;}
.heard_link_a{ background:#ddd; width:1px; height:12px; display:inline-block; margin:0 4px;position: relative; top: 2px;}*/
.dh_new_chuang{width: 90px; left:536px; height: 50px;}
.dh_new_chuang p { line-height: 50px;font-size: 15px; color: #333333; font-weight: normal;}
.dh_new_chuang p:hover{ background:#f2f2f2; color:#219bed;}
.high_down_left:hover .high_over em{background: url(../images/zixun02.png) center no-repeat;-webkit-transition:.8s;}
.high_down_left:hover .high_over{ background:none; border:1px #fff solid;}


/*在线课程*/
.online_class{ width:100%; height:auto; display:table; margin:0 auto; margin-top:60px;}
.online_more{ width:100%;}
.online_left{ width:234px; height:219px; background:url(../images/online01.jpg) center no-repeat; float:left; text-align:center;}
.online_left img{ margin-top:30px;}
.online_left span{ font-size:14px; color:#fff; display:block; line-height:20px; margin-top:20px;}
.online_left .high_over em{background: url(../images/online03.png) center no-repeat;}
.online_left .high_over{margin-top:24px;}
.online_left:hover .high_over em{background: url(../images/online04.png) center no-repeat;-webkit-transition:.8s;}
.online_left:hover .high_over{ background:none; border:1px #fff solid;}
.online_right{ width:950px; height:219px; background:#fff; margin-left:15px; float:left;}
.online_center{ width:226px; height:219px; float:left;}
.online_first{ width:100%; height:58px;margin: 34px 0; position:relative;}
.online_first img{position: absolute; left: 14px; top: 6px; z-index:99;}
.online_two{ margin-left:18px;}
.online_three{ width:240px;}
.online_zi{ background:#8392db;}
.online_ji{ width:100%; height:40px; background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px; line-height:40px;}
.online_money{font-size: 14px;color: #fff;}
.online_img:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.online_img img{-webkit-transition: .8s;}
.online_img{ width:280px; overflow:hidden; display:block;}

/*后*/
.online_last{ width:100%; height:auto; background:#262829; text-align:center; margin:0 auto;padding-top:50px;padding-bottom:50px;}
.online_lo{ width:100%; height:auto; display:table;border-bottom:1px #464646 solid;}
.online_lo li{ float:left;}
.online_go{ width:205px; height:155px;text-align:left;}
.online_go span{ font-size:14px; color:#969696; display:block;margin-top:12px;}
.online_go img{ margin-top:25px;margin-bottom: 4px;}
.online_ad{ width:630px; height:155px;text-align:left;padding-right: 5px;}
.online_ab{ float:left; width:105px;margin: 0 30px; text-align:left;}
.online_ab a{ font-size:14px; color:#999999;margin-bottom: 6px; display: inline-block;text-decoration: none;}
.online_ab a:hover{ border-bottom:1px #fff solid; color:#fff; -webkit-transition:.8s;text-decoration: none;}
.online_ab span{ font-size:16px; color:#b1b1b1; font-weight:bold; display:block; margin-bottom:22px;}
.online_ter{ width:208px;}
.online_ter span{ text-align:left;padding-left:10px;}
.online_ter a{ margin-left:10px;margin-right:10px; position:relative;}
.online_ac{width:138px;margin-left:58px;margin-right:0px;}
.online_ac a{ margin-left:5px;margin-right:5px; position:relative;}


/*.online_wei{ margin-left:20px;}
.online_are{ margin-left: 44px !important;}
.online_bo b{ margin-left:14px;}*/
.online_bo b{ margin-left:2px;}
.online_nose{ width:1200px; height:auto; text-align:center;}
.online_nose span{ font-size:12px; color:#898686;float:left;margin-right:30px; line-height:24px; display:block;}
.online_yin{ font-size:14px; color:#7e7a7a; background:#e8e9ef; border-radius:5px; position: absolute; top: 26px; width: 390px; z-index: 10; padding: 6px 10px;left: -195px; display:none;}
.online_yin b{ display:inline-block; margin-left:18px; font-weight:normal;}
.online_cang{ position: absolute;top: 20px; left: 9px; display:none;}
.online_cang1{ position: absolute;top: 0px; left: 9px; display:none;}
.online_bo b{font-size: 14px; font-weight:normal;color: #aca9a9;}

.em_star p{ width:332px; margin:0 auto; font-size:14px; color:#666; margin-top:10px;}
.em_input{width:238px; height:34px; border:1px #cccccc solid; background:none; padding-left: 6px; margin-left: 10px;}
.em_tex{width:238px; height:104px;  border:1px #cccccc solid; background:none; padding-left: 6px; margin-left: 10px;padding-top: 8px;font-family: "微软雅黑", Arial, Tahoma,"微软雅黑";}
.em_star span{ position: relative; top: -36px;}
input{font-family: "微软雅黑", Arial, Tahoma,"微软雅黑";    font-size: 12px;}
.em_sub{ font-size:16px; color:#fff; width:153px; height:39px; background:#3f86d6; margin:0 auto; border:0; border-radius:5px;font-family: "微软雅黑", Arial, Tahoma,"微软雅黑"; float:right;margin-right: 50px; cursor:pointer; margin-top:30px;}
.em_sub:hover{ border:1px #3f86d6 solid; color:#3f86d6; background:none;}
.employment_cross{ width:1200px; height:160px; background:#fff; margin-top:16px;box-shadow:0 0 10px 0px rgba(0,0,0,0.1);-webkit-transition: .8s}
.employment_cross li{ float:left; width:234px; height:109px; margin-top:26px;}
.employment_cross p{ font-size:14px; color:#777; font-weight:bold;margin-top: 10px;}
.employment_cross span{ font-size:14px; color:#777;}

.phyone-add{ background:url(../images/phyon-add.jpg) center no-repeat; }
.high_tab li.hover a.phy-one { color: #9ab943; border-bottom: 5px #9ab943 solid;  padding-bottom: 10px; position: relative; z-index: 99;}
.phyone-add-tu01{ background:url(../images/phyon-add01.png) left no-repeat;}
.phyone-add-tu02{ background:url(../images/phyon-add02.png) left no-repeat;}
.phyone-add-tu03{ background:url(../images/phyon-add03.png) left no-repeat;}
.phyone-add-tu04{ background:url(../images/phyon-add04.png) left no-repeat;}
.phyone-add-tu05{ background:url(../images/phyon-add05.png) left no-repeat;}
.phyone-add-tu06{ background:url(../images/phyon-add06.png) left no-repeat;}
.phyone-add-tu01:hover .high_ping_three,.phyone-add-tu02:hover .high_ping_three,.phyone-add-tu03:hover .high_ping_three,.phyone-add-tu04:hover .high_ping_three,.phyone-add-tu05:hover .high_ping_three,.phyone-add-tu06:hover .high_ping_three{ color:#9ab943;}
.phyone-add-tu01:hover{ background:url(../images/phyon-add08.png) left no-repeat;}
.phyone-add-tu02:hover{ background:url(../images/phyon-add09.png) left no-repeat;}
.phyone-add-tu03:hover{ background:url(../images/phyon-add10.png) left no-repeat;}
.phyone-add-tu04:hover{ background:url(../images/phyon-add11.png) left no-repeat;}
.phyone-add-tu05:hover{ background:url(../images/phyon-add12.png) left no-repeat;}
.phyone-add-tu06:hover{ background:url(../images/phyon-add13.png) left no-repeat;}
.phyone-add-co{border-top: 3px #9ab943 solid; color: #9ab943;}
.phyone-add-co02{    border: 2px #9ab943 solid;}
#con_upg_10 .high_xia a:hover p{background:#9ab943;-webkit-transition: .8s}
.online_nose span h1{display:inline; font-size:14px;}



.farsi-z{width:726px;height:210px;left:390px;} 
.farsi-zx{width:297px;left:66px;} 
.farsi-zz{width:429px;height:210px;left:60px;} 
.farsi-zzz{width:178px;display:inline-block; margin-right:0px;line-height:30px;} 
.hold_font1 {width: 1px;background: #d8d5d7;height: 143px;position: absolute;top: 36px;right: 50px;z-index: 1;} 
.farsi-b img,.farsi-i img,.farsi-zzz img{ margin-right: 10px; position: relative; top: 2px;} 
.farsi-h{ width:156px;padding:0 22px !important;} 
.farsi-b img,.farsi-i img{ margin-right: 10px; position: relative; top: 2px;}