@charset "utf-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;font-family:"微软雅黑";font-size:14px;}

table { border-collapse:collapse; border-spacing:0; margin:0; padding:0;}

textarea{resize:none;}

fieldset, img { border:0; }

img{ vertical-align:top;}

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

ol, ul { list-style:none; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }

abbr, acronym { border:0; }

em,i{font-style: normal;}

.clear{zoom:1;}

.clear:after{ content:""; display:block; clear:both;}

a{ text-decoration:none; cursor:pointer;}

a:hover{ text-decoration:none; cursor:pointer; }

a:focus { outline-style:none;}

body{

  min-width: 1200px;

  background:#fff;

}

/*公共*/
.con{width:1200px;overflow:hidden; margin:0 auto;}
.base{width:1200px;margin:0 auto; padding-top:60px;overflow:hidden;}

.con6_list1 li,.con8_list1 li p,.con8_list1 li p span,.con8_list1 li em{transition: 0.3s;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3;

  -ms-transition: 0.3s;}

  .list_base{padding:0 20px;border-top:5px solid #e5e5e5}

/*banner*/

.banner{width:100%;position: relative;z-index:0;}

#container{position: absolute; top:0px;height:555px; z-index:1;width:100%; overflow:hidden;}

.banner img.banner_btn{top:665px;z-index:999;position: absolute;left:50%;margin-left:-215px;}

.a_banner {

  width: 100%;

  background:#f7f7f7;

  position: relative;

  overflow:hidden;

}

.a_banner_pic {

  width:100%;

  height: 555px;

  position: relative;

}

.a_banner_pic li{opacity:0;}

.a_banner_pic li:nth-child(1){opacity:1;}

.a_prev,

.a_next {

  position: none;

  top: 48%;

  left: 50%;

  width: 74px;

  opacity: 0.8;

  margin-top: -60px;

  z-index: 30;

  color:#fff;

  font-size:80px;

}

.a_prev {

  margin-left: -300px;

}

.a_next {

  margin-left: 520px;

  background-position: -50px 118px;

}

.a_banner:hover .a_prev,

.a_banner:hover .a_next {

  opacity: 1;

}



.a_banner ul {

  width:100%;

  height: 100%;

  overflow: hidden;

}

.a_banner li {

  width:100%;

  height: 100%;

  left:50%;

  margin-left:-960px;

  position: absolute;

}

.a_change_btn {

  height: 14px;

  text-align: center;

  position: absolute;

  bottom: 23px;

  left: 50%;

  width:220px;

  z-index: 10;

  margin-left: 53px;

  vertical-align: middle;

}

.a_change_btn a {

  display: inline-block;

  width: 14px;

  height: 14px;

  background:#f5f5f5;

  margin: 0 4px;

  vertical-align: middle;

  position: relative;

  border-radius:50%;

}

.a_change_btn .btn_active {

  background: #da4e38;

}
/*20170926   banner表单*/
.banner20170923_wrap{
    position: absolute;
    width:260px;
    height: 408px;
    background: url(http://www.mobiletrain.org/img/banner_biaodan/java20171016_img1.png) no-repeat center top;
    top:0;
    left:50%;
    margin-left: -550px;
    padding: 72px 10px 20px;
    z-index: 100;
}
.banner20170923_head{
    width:260px;
    height: 65px;
    margin:0 auto 45px;
    background:url(http://www.mobiletrain.org/img/banner_biaodan/java20171016_img5.png) no-repeat center top;
}
.banner20170923_bg{
    background:#f3f3f3;
    width:260px;
    height: 200px;
    margin-bottom: 20px;
}
.banner20170923_form{
    width:258px;
    border:1px solid #cccccc;
    border-radius: 10px;
}
.banner20170923_form p{
    height: 48px;
    border-bottom: 1px solid #cccccc;
    padding-left: 42px;
    background:#fff url(http://www.mobiletrain.org/img/banner_biaodan/java20171016_img3.png) no-repeat 15px center;
}
.banner20170923_form p:nth-child(3){
    border:0;
    border-radius: 0 0 10px 10px ;
    background:#fff url(http://www.mobiletrain.org/img/banner_biaodan/java20171016_img4.png) no-repeat 15px center;
}
.banner20170923_form p:nth-child(1){
    border-radius: 10px 10px 0 0 ;
    background:#fff url(http://www.mobiletrain.org/img/banner_biaodan/java20171016_img2.png) no-repeat 15px center;
}
.banner20170923_form p input{
    font-size: 14px;
    line-height: 48px;
    color:#333;
    border:0;
    outline: none;
    width:205px;
    height: 48px;
    box-sizing:border-box;
}
.banner20170923_bg span{
    font-size: 14px;
    color:#8e9a9d;
    line-height: 20px;
    display: block;
    padding:5px;
}
.banner20170923_wrap button{
    display: block;
    border:0;
    text-align: center;
    font-size: 16px;
    color:#fff;
    width: 260px;
    height: 46px;
    background:#2e4a79;
    border-radius: 23px;
    margin-bottom: 10px;
    outline: none;
    cursor: pointer;
}
.banner20170923_wrap .banner20170923_mf{
    text-align: center;
    font-size: 14px;
    color:#8e9a9d;
}
.banner20170923_wrap .banner20170923_mf span{
    color:#ea523b;
    font-weight: bold;
}

























/*开班信息*/
.kaiban{
    background: #f3f3f3;
}
.kaiban .base h2{color:#000;}
.kb_list1{
    overflow: hidden;
    margin-bottom: 20px;
}
.kb_list1 li{
    float: left;
    width:85px;
    height:47px;
    background: #f1f1f1;
    border:1px solid #dcdcdc;
    color:#505050;
    font-size: 16px;
    text-align: center;
    line-height: 47px;
    margin-right: 5px;
    cursor: pointer;
}
.kb_list1 li:nth-child(13){
    margin-right: 0px;
}
.kb_list1 li.hover{
    border:0;
    width:85px;
    height:49px;
    color:#fff;
}
.kb_list1 li:nth-child(1).bg{
    background:#ff6516;
}
.kb_list1 li:nth-child(2).bg{
    background:#07ccbc;
}
.kb_list1 li:nth-child(3).bg{
    background:#389104;
}
.kb_list1 li:nth-child(4).bg{
    background:#f78600;
}
.kb_list1 li:nth-child(5).bg{
    background:#a65389;
}
.kb_list1 li:nth-child(6).bg{
    background:#5f5120;
}
.kb_list1 li:nth-child(7).bg{
    background:#00b1ed;
}
.kb_list1 li:nth-child(8).bg{
    background:#4106ff;
}
.kb_list1 li:nth-child(9).bg{
    background:#cda20c;
}
.kb_list1 li:nth-child(10).bg{
    background:#00ccff;
}
.kb_list1 li:nth-child(11).bg{
    background:#5f5120;
}
.kb_list1 li:nth-child(12).bg{
    background:#f03b3b;
}
.kb_list1 li:nth-child(13).bg{
    background:#e81099;
}
.kb_wrap{
    height:200px;
}
.kb_wrap ul{
    overflow: hidden;
}
.kb_wrap ul li{
    float: left;
    width:300px;
}
.kb_wrap ul li div{
    clear: both;
    height:30px;
    padding-left: 10px;
}
.kb_wrap ul li div span{
    display: block;
    float: left;
    font-size: 14px;
    color:#787878;
    width:45px;
    height:30px;
    line-height: 30px;
    text-align: center;
}
.kb_wrap ul li div span:nth-child(2){
    width:135px;
    text-align: left;
}
.kb_wrap ul li div span:nth-child(4){
    color:#fff;
    width: 45px;
    height:23px;
    background: #ec4c44;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
}
.kb_wrap ul li div.active span:nth-child(2){
    font-weight: 900;
}
.kb_wrap ul li div.chengshi0.active span{
    color:#ff6516;
}
.kb_wrap ul li div.chengshi1.active span{
    color:#07ccbc;
}
.kb_wrap ul li div.chengshi2.active span{
    color:#389104;
}
.kb_wrap ul li div.chengshi3.active span{
    color:#f78600;
}
.kb_wrap ul li div.chengshi4.active span{
    color:#a65389;
}
.kb_wrap ul li div.chengshi5.active span{
    color:#5f5120;
}
.kb_wrap ul li div.chengshi6.active span{
    color:#00b1ed;
}
.kb_wrap ul li div.chengshi7.active span{
    color:#4106ff;
}
.kb_wrap ul li div.chengshi8.active span{
    color:#cda20c;
}
.kb_wrap ul li div.chengshi9.active span{
    color:#00ccff;
}
.kb_wrap ul li div.chengshi10.active span{
    color:#5f5120;
}
.kb_wrap ul li div.chengshi11.active span{
    color:#f03b3b;
}
.kb_wrap ul li div.chengshi12.active span{
    color:#e81099;
}



.kb_wrap ul li div.chengshi span:nth-child(4).kaiban{
    color:#fff;
    background: #33cc33;
}
.kb_wrap ul li div.chengshi span:nth-child(4).qiangzuo{
    color:#fff;
    background: #1876e0;
}
.kb_wrap ul li div.chengshi span:nth-child(4).baoman{
    color:#fff;
    background: #ff0000;
}
/*就业薪资*/
.xinzi{
    background: url(http://www.mobiletrain.org/page/img/html5_20170105/xz_bg.jpg) no-repeat center top;
    height:929px;
}
.xinzi .biaoti{
    margin-bottom: 65px;
    font-size:50px;
}
.xinzi .base{text-align: center;}
.xinzi .base h2{color:#000;}
.jyxb_con_list{text-align:center;position: relative;margin-bottom: 50px;}
.table_Hd th{height:50px; background: #ec4c44;color:#fff; font-size:16px;}
#scrollWrap tr td:nth-child(6){background:#ec4c44;color:#fff;font-size:18px;}
.table_Hd tr th:nth-child(6){font-size:18px; position: relative;width:95px;}
.table_Hd tr th:nth-child(6):after{content:"";width:107px;height:5px;position:absolute;background: url(http://www.mobiletrain.org/page/img/html5_20170105/xz_after.png) no-repeat center top;left:-7px;top:-5px;}
.scrollWrap {
    height: 506px;
    overflow: hidden;
    position: relative;

    margin-bottom:5px;
    box-shadow:0 2px 8px #ccc;
}
.scrollWrap td{height:40px; background:#f4f4f4;font-size:14px;color:#000;}
.scrollWrap table {
    position: absolute;
    left: 0;
    top: 0
}
.scrollWrap tr{border:2px solid #fff;}
.jyxb_con_list i{
    display: block;
    position: absolute;
    top: -30px;
    right: 0px;
    color:#818080;
    font-size: 16px;
}

.xinzi .btn{
    width:258px;
    height:53px;
    border:2px solid #ec4c44;
    color:#ec4c44;
    background: rgba(255,255,255,0);
    margin:0 15px;
    display: inline-block;
        font-size: 24px;
    display: inline-block;
    width: 262px;
    height: 57px;
    border-radius: 5px;
    text-align: center;
    line-height: 57px;
}

/*con1*/

.con1{padding-bottom:20px;background:url(http://www.mobiletrain.org/java/img/javaee/con1_bg.jpg) repeat;}

.con1 .base h2{margin-bottom:88px;color:#000;}

.con2 .base h2{color:#000;}

.con3 .base h2{color:#000;}

.con1 .base h2 span,.con2 .base h2 span,.con3 .base h2 span{color:#757575;}

.base h2{font-size:54px; text-align: center;}

.base h2 span{display: block;padding-top:20px; font-size:26px;}

.con1_list{background:url(http://www.mobiletrain.org/java/img/javaee/con1_img1.png) no-repeat left bottom; height:425px;}

.con1_tb_content{float:left;width:488px;}

.con1_tb_content p{display:none;}

.con1_tb_content p:nth-child(1){display:list-item;}

.con1_tb_content div{display: table-cell;vertical-align: middle;height:264px;}

.con1_tb_content p{padding:0 82px 0 45px;color:#fff;text-align: left; font-size:18px; line-height: 35px;}

.cont1_tb{float:left;width:710px;}

.cont1_tb a{width:115px;display: inline-block; padding-top:120px; font-size:16px; color:#333; text-align: center; margin:0 10px; background:url(http://www.mobiletrain.org/java/img/javaee/con1_ico.png) no-repeat; margin-bottom:20px;}

.cont1_tb a:nth-child(1){background-position: 0 -373px;}

.cont1_tb a:nth-child(2){background-position: -140px -373px;}

.cont1_tb a:nth-child(3){background-position: -280px -373px;}

.cont1_tb a:nth-child(4){background-position: -420px -373px;}

.cont1_tb a:nth-child(5){background-position: -560px -373px;}

.cont1_tb a:nth-child(6){background-position: 0 -541px;}

.cont1_tb a:nth-child(7){background-position: -140px -541px;}

.cont1_tb a:nth-child(8){background-position: -280px -541px;}

.cont1_tb a:nth-child(9){background-position: -420px -541px;}

.cont1_tb a:nth-child(10){background-position: -560px -541px;}



.cont1_tb a.con1_on1:nth-child(1){background-position: 0 0;}

.cont1_tb a.con1_on1:nth-child(2){background-position: -140px 0;}

.cont1_tb a.con1_on1:nth-child(3){background-position: -280px 0;}

.cont1_tb a.con1_on1:nth-child(4){background-position: -420px 0;}

.cont1_tb a.con1_on1:nth-child(5){background-position: -560px 0;}

.cont1_tb a.con1_on1:nth-child(6){background-position: 0 -169px;}

.cont1_tb a.con1_on1:nth-child(7){background-position: -140px -169px;}

.cont1_tb a.con1_on1:nth-child(8){background-position: -280px -169px;}

.cont1_tb a.con1_on1:nth-child(9){background-position: -420px -169px;}

.cont1_tb a.con1_on1:nth-child(10){background-position: -560px -169px;}

.cont1_tb a.con1_on1{

animation:con1_an 1s linear infinite alternate;

-moz-animation:con1_an 1s linear infinite alternate;

-webkit-animation:con1_an 1s linear infinite alternate;

-o-animation:con1_an 1s linear infinite alternate;

}

@-webkit-keyframes con1_an

{

0% {-webkit-transform:rotate(5deg);}

100% {-webkit-transform:rotate(-5deg);}

}

@-ms-keyframes con1_an

{

0% {-ms-transform:rotate(5deg);}

100% {-ms-transform:rotate(-5deg);}

}

@-moz-keyframes con1_an

{

0% {-moz-transform:rotate(5deg);}

100% {-moz-transform:rotate(-5deg);}

}

@-o-keyframes con1_an

{

0% {-o-transform:rotate(5deg);}

100% {-o-transform:rotate(-5deg);}

}

/*con2*/

.con2{padding:0 0 60px 0; text-align: center; background: url(http://www.mobiletrain.org/java/img/javaee/con2_bg.jpg) no-repeat center top;}

.con2_logo{margin-bottom:65px;}

.con2_logo li{display:inline-block;margin-right:17px;}

.con2_logo li:nth-last-child(1){margin-right:0;}

.con2_logo span{display: table-cell;vertical-align: middle;width:285px;height:80px; border:1px dashed #fff; text-align: center;}

.con2_logo span:nth-last-child(1){margin-right:0;}

.con2_logo p{font-size:20px;color:#fff; padding-top:30px;font-weight:bold;}

.con2_logo p i{color:#ea523b;}

.con2_logo em{display:block;font-size:14px; padding-top:10px;font-weight:normal;}

.con2 a{display:inline-block;font-weight:bold;margin-bottom:12px;font-size:20px; color:#fff; padding:10px 55px;border-radius:30px; background: #e8442d}

.con2 a i{color:#fffc00;}

.con2 h6{font-size:14px; color:#fff;text-align: center;}

/*con3*/

.con3 h2{margin-bottom:40px;}

.con3 p{font-size:16px; color:#646464; line-height: 37px; text-align: center; margin-bottom:30px;}

.con3 .link_53{text-align: center; margin-bottom:70px;}

.link_53{text-align: center;}

.link_53 a{display:inline-block;font-size:18px;color:#fff;background: #da4e38;border-radius:30px; padding:12px 55px;}

.con3_tab_title{margin-bottom:50px;}

.con3_tab_title li{float:left; background:url(http://www.mobiletrain.org/java/img/javaee/con3_ico1.png) no-repeat; margin-right:52px; display:inline;}

.con3_tab_title li.con3_on1{background-position:0 0; color:#fff;}

.con3_tab_title li.con3_on1{}

.con3_tab_title li.con3_on1 h5{color:#fff;}

.con3_on1{

animation:con3_an 0.8s linear infinite alternate;

-moz-animation:con3_an 0.8s linear infinite alternate;

-webkit-animation:con3_an 0.8s linear infinite alternate;

-o-animation:con3_an 0.8s linear infinite alternate;

}

.con3_tab_title li{background-position: -200px 0;}

.con3_tab_title li:nth-last-child(1){margin-right:0;}

.con3_tab_title li div{display: table-cell;vertical-align: middle;width:198px; height:185px; text-align: center;}

.con3_tab_title h5{color:#6a6a6a;font-size:42px;margin-bottom:5px;}

.con3_tab_title span{display:block;font-size:18px;}

.java_table h4{background:#29acb0; font-size:24px; padding:15px 0; text-align: center;color:#fff;}

.java_table tr:nth-child(1){border-right:1px solid #f0f0f0;}

.java_table th{font-size:16px; color:#323232; background:#f0f0f0;height:50px; line-height:50px;}

.java_table td{border:1px solid #e0e0e0;padding:10px 26px;font-size:14px;color:#616161; line-height:26px;}

.java_table div{display:none;}

.java_table div:nth-child(1){display:block;}



.con4_js .base{padding:30px 0 20px;}

.a_con7_team{padding-top: 30px; margin-bottom:40px;}

.a_clear{height:440px;width:1000px;margin:0 auto;}

.a_team_pic{width:330px;float: left;height:434px;position: relative;}

.a_team_pic img{position: absolute;right:0;bottom:0;}

.a_team_pro{width:520px;float: left;padding-left: 150px;padding-top: 10px;}

.a_team_cir1,.a_team_cir{width: 395px;height:395px;border-radius:50%;}

.a_team_cir1 a{color:#f65c5c;}

.a_team_cir{padding:12px;border: 2px solid #cacaca;position: relative;}

.a_team_cir1{background: #f5f5f5;text-align: center;display:table;vertical-align: middle;}

.a_team_cir1 p{display:table-cell;vertical-align:middle;line-height: 28px;}

.a_team_cir1 p i{color:#f65c5c;}

.a_team_name{background:url(http://www.mobiletrain.org/page/img/android/a_team_bg.png) no-repeat;width:162px;height: 162px;position: absolute;left:-136px;top:50px;font-weight: bold;color:#fff;font-size: 32px;text-align: center;line-height: 162px;}

.aTeamSmallPic{height:120px;margin-top: 35px;text-align: left; margin:30px auto 0;}



.aTeamSmallPic a{display: inline-block;border: 1px solid #b7b7b7;margin-right:24px;position: relative;width:118px;height: 118px;}

.aTeamSmallPic .aTeamActive{border-color: #44a114;}





.fl{

    float: left;

}

.fr{

    float: right;

}

.base h2{

    color:#fff;

    font-size: 54px;

    text-align: center;

    font-weight:normal;

    margin-bottom: 55px;

}


.contain4{

    background:#29acb0;

    padding-bottom: 72px;

}



.wrap{

    overflow: hidden;

    height:413px;

}

.fl{

    float: left;

    width:602px;

    height:401px;

    border:6px solid #ff735d;

}

.fl img{

    width:602px;

    height:401px;

    display: none;

}

.fl img:nth-child(1){

    display: block;

}

.fr{

    float: right;

    width:533px;

    height:387px;

    border-bottom: 1px solid #fff;

    position: relative;

}

.fr:after{

    position: absolute;

    display: block;

    left:50%;

    margin-left:-10px;

    bottom:-26px;

    width: 0;

    height: 0;

    content: "";

    border-width: 13px 19px;

    border-color: #fff transparent transparent transparent;

    border-style: solid;

    z-index: 20;

}

.fr li{

    margin-bottom: 30px;

    height:67px;

    padding-left:78px;



}

.fr li{background: url(http://www.mobiletrain.org/java/img/javaee/con4_list1_bg.png) no-repeat;}

.fr li:nth-child(1){

    background-position:0px 0px;

}

.fr li:nth-child(1).hover{

    background-position:0px -71px;

}

.fr li:nth-child(2){

    background-position:0px -142px;

}

.fr li:nth-child(2).hover{

    background-position:0px -213px;

}

.fr li:nth-child(3){

    background-position:0px -285px;

}

.fr li:nth-child(3).hover{

    background-position:0px -356px;

}

.fr li:nth-child(4){

    background-position:0px -428px;

}

.fr li:nth-child(4).hover{

    background-position:0px -499px;

}

.fr li p{

    color:#fff;

}

.fr li p:nth-child(1){

    font-size:22px;

    line-height: 35px;

}

.fr li p:nth-child(2){

    font-size:13px;

    line-height: 32px;

    word-break:break-all;

  display:-webkit-box;

  -webkit-line-clamp:1;

  -webkit-box-orient:vertical;

  display:-moz-box;

  -moz-line-clamp:1;

  -moz-box-orient:vertical;

  overflow:hidden;
  height:32px;

}

.contain5{

    padding-bottom: 72px;

    background: url(http://www.mobiletrain.org/java/img/javaee/con5_bg.jpg) no-repeat center top;

}

.con5_list1{

    overflow: hidden;

}

.con5_list1 li{

    float: left;

    margin:0 38px;

}

.con5_list1 li span{

    display: block;

    font-size: 22px;

    color:#fff;

    margin:0 auto;

    text-align: center;

}

.con5_list1 li span:nth-child(1){

    width:120px;

    height:120px;

    border-radius: 50%;

    border:2px solid #fff;

    margin-bottom: 33px;

    background: url(http://www.mobiletrain.org/java/img/javaee/con5_list1_bg.png) no-repeat  30px 12px;

}

.con5_list1 li:nth-child(2) span:nth-child(1){

    background-position:-166px 12px;

}

.con5_list1 li:nth-child(3) span:nth-child(1){

    background-position:-415px 12px;

}

.con5_list1 li:nth-child(4) span:nth-child(1){

    background-position:-652px 12px;

}

.con5_list1 li:nth-child(5) span:nth-child(1){

    background-position:-866px 12px;

}

.con5_list1 li:nth-child(6) span:nth-child(1){

    background-position:-1109px 12px;

}

.con5_list1 li.hover span:nth-child(1){

    width:124px;

    height:124px;

    border:0;

    border-radius: 50%;

    background: #da4e38 url(http://www.mobiletrain.org/java/img/javaee/con5_list1_bg.png) no-repeat  32px 14px;

    animation:con3_an 0.8s linear infinite alternate;

-moz-animation:con3_an 0.8s linear infinite alternate;

-webkit-animation:con3_an 0.8s linear infinite alternate;

-o-animation:con3_an 0.8s linear infinite alternate;

}

.con5_list1 li:nth-child(2).hover span:nth-child(1){

    background-position:-164px 14px;

}

.con5_list1 li:nth-child(3).hover span:nth-child(1){

    background-position:-413px 14px;

}

.con5_list1 li:nth-child(4).hover span:nth-child(1){

    background-position:-650px 14px;

}

.con5_list1 li:nth-child(5).hover span:nth-child(1){

    background-position:-864px 14px;

}

.con5_list1 li:nth-child(6).hover span:nth-child(1){

    background-position:-1107px 14px;

}

@-webkit-keyframes con3_an

{

0% {-webkit-transform:scale(0.92);}

100% {-webkit-transform:scale(1.02);}

}

@-ms-keyframes con3_an

{

0% {-ms-transform:scale(0.92);}

100% {-ms-transform:scale(1.02);}

}

@-moz-keyframes con3_an

{

0% {-moz-transform:scale(0.92);}

100% {-moz-transform:scale(1.02);}

}

@-o-keyframes con3_an

{

0% {-o-transform:scale(0.92);}

100% {-o-transform:scale(1.02);}

}

.contain6{

    padding-bottom: 110px;

    background: url(http://www.mobiletrain.org/java/img/javaee/con6_bg.jpg) no-repeat center top;

}

.contain6 h2{

    color:#000;

}

.contain6 h2 span{

    color:#757575;

}

.con6_list1{

    height:342px;

    padding-top: 15px;

    border-top:1px solid #797979;

    margin-bottom:75px;

}

.con6_list1 li{

    float: left;

    position: relative;

    margin-right:86px;

    padding-top: 20px;

    width:235px;

    height:322px;

    background: url(http://www.mobiletrain.org/java/img/javaee/con6_list1_01.png) no-repeat center top;

}

.con6_list1 li:nth-child(2){

    background: url(http://www.mobiletrain.org/java/img/javaee/con6_list1_02.png) no-repeat center top;

}

.con6_list1 li:nth-child(3){

    background: url(http://www.mobiletrain.org/java/img/javaee/con6_list1_03.png) no-repeat center top;

}

.con6_list1 li:nth-child(4){

    background: url(http://www.mobiletrain.org/java/img/javaee/con6_list1_04.png) no-repeat center top;

}

.con6_list1 li:nth-child(4){

    margin-right: 0px;

}

.con6_list1 li:before{

    content: "";

    display: block;

    position: absolute;

    top:-25px;

    left:108px;

    width:12px;

    height:12px;

    border-radius: 50%;

    background: #00b1b7;

    border:4px solid #fff;

}

.con6_list1 li:hover{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);}

.con6_list1 li:nth-child(2):before{

    background: #3ba938;

}

.con6_list1 li:nth-child(3):before{

    background: #008ece;

}

.con6_list1 li:nth-child(4):before{

    background: #c676cb;

}

.con6_list1 li span{

    display: block;

    font-size: 18px;

    text-align: center;

    line-height: 34px;

    color:#fff;

    margin:0 auto;

}

.con6_list1 li span:nth-child(1){

    margin-bottom: 15px;

    width:100px;

    height:100px;

    background: url(http://www.mobiletrain.org/java/img/javaee/con6_list1_bg.png) no-repeat 20px 5px;

}

.con6_list1 li:nth-child(2) span:nth-child(1){

   background-position:-340px 5px;

}

.con6_list1 li:nth-child(3) span:nth-child(1){

    background-position:-736px 5px;

}

.con6_list1 li:nth-child(4) span:nth-child(1){

   background-position:-1110px 5px;

}

.con6_list1 li span:nth-child(4){

    font-size: 16px;

    line-height: 33px;

    width:137px;

    height:33px;

    background: #fff;

    color:#008c91;

    font-weight: 900;

    border-radius: 17px;

    position: absolute;

    bottom:63px;

    left:50%;

    margin-left: -68px;

}

.con6_list1 li:nth-child(2) span:nth-child(4){

    color: #1b7619;

}

.con6_list1 li:nth-child(3) span:nth-child(4){

    color: #046e9e;

}



.con6_list1 li:nth-child(4) span:nth-child(4){

    color: #a44baa;

}





.contain7{

    padding-bottom: 66px;

    background: url(http://www.mobiletrain.org/java/img/javaee/con7_bg.jpg) no-repeat center top;

}

.contain7 h2{

    color:#000;

    margin-bottom: 85px;

}

.contain7 h2 span{

    color:#7d7d7d;

}

.contain7 p{

    font-size: 16px;

    color:#8b8484;

    text-align: center;

    line-height: 33px;

    margin:0 auto 30px;

    width:1010px;

}

.contain7 p:nth-child(2){

    width:461px;

    height:31px;

    border-top:2px solid #da4e38;

    border-right:9px solid #da4e38;

    border-bottom: 4px solid #da4e38;

    border-left:7px solid #da4e38;

}

.contain7 p:nth-child(3){

    text-align: left;

    text-indent: 32px;



}

.contain7 p:nth-child(4){

    font-size: 45px;

    line-height:100px;

    height:100px;

    color:#000;

    text-align: left;

    background: url(http://www.mobiletrain.org/java/img/javaee/con7_p4_bg.png) no-repeat 554px center;

}

.contain7 p:nth-child(5){

    margin-bottom:70px;

}



.contain8{

    padding-bottom: 30px;

    background: url(http://www.mobiletrain.org/java/img/javaee/con8_bg.jpg) no-repeat center top;

}

.con8_list1{

    overflow: hidden;

    padding-top:40px;

}

.con8_list1 li{

    width:300px;

    height:305px;

    float: left;

    margin-bottom: 12px;

    text-align: center;

    color:#fff;

    position: relative;

    overflow: hidden;

}

.con8_list1 li p{

    padding-top: 43px;

    width:300px;

    height:262px;

    position: absolute;

    z-index:2;

}



.con8_list1 li p span{

    display: block;

    margin:0 auto;

}

.con8_list1 li em{display:block;background: #da4e38;position: absolute;top:0;width:100%;opacity:0.6; height:0;z-index:0;}

.con8_list1 li p:nth-child(1) span:nth-child(1){

    width:116px;

    height:100px;

    margin-bottom: 40px;

    background: url(http://www.mobiletrain.org/java/img/javaee/con8_list1_bg.png) no-repeat 0px -200px;

}

.con8_list1 li:nth-child(2) p:nth-child(1) span:nth-child(1){

    background-position:-125px -200px;

}

.con8_list1 li:nth-child(3) p:nth-child(1) span:nth-child(1){

    background-position:-250px -200px;

}

.con8_list1 li:nth-child(4) p:nth-child(1) span:nth-child(1){

    background-position:-375px -200px;

}

.con8_list1 li:nth-child(5) p:nth-child(1) span:nth-child(1){

    background-position:-500px -200px;

}

.con8_list1 li:nth-child(6) p:nth-child(1) span:nth-child(1){

   background-position:-625px -200px;

}

.con8_list1 li:nth-child(7) p:nth-child(1) span:nth-child(1){

    background-position:-750px -200px;

}

.con8_list1 li:nth-child(8) p:nth-child(1) span:nth-child(1){

    background-position:-875px -200px;

}



.con8_list1 li:hover em{background: #da4e38;height:100%;}

.con8_list1 li p:hover span:nth-child(1){-webkit-transform:translatey(5px);}

.contain9{

    padding: 68px 0 44px;

    text-align: center;

    width:100%;

    overflow:hidden;

    background: url(http://www.mobiletrain.org/java/img/javaee/con9_bg.jpg) no-repeat center;


}

.contain9 .img1{margin-bottom:40px;}

.contain9 .img2{margin-bottom:30px;}

a.btn2{
    margin:30px 19px 0;
    border:1px solid #da4e38;
    background: rgba(218,78,56,0.7);

}

/*new_16.11.17*/

.con4_base{width:602px; height:400px; overflow:hidden;position: relative;}

.con4_list{position: absolute;}

.con4_list img{display:block;float:left;position: relative;}

.con4_btn{position: relative;}

.con4_btn img{position: absolute;display:list-item;background:rgba(0,0,0,0.5);width:50px; height:22px;opacity:0.8;cursor:pointer;}

.con4_btn img:hover{background:rgba(0,0,0,0.7);}

.con4_btn_r{bottom:20px;right:80px;}

.con4_con{display:none;}

.con4_btn_l{bottom:20px;right:20px;}

.fr li {margin-bottom: 19px;}

.fr:after,.fr:before{display:none;}

.fr{border:none;}

.fr li:nth-child(5) {

    background-position: 0px -142px;

}

.fr li:nth-child(5).hover{

    background-position:0px -213px;

}




/*contain10*/
.contain10{
    background:#fff;
    padding-bottom: 60px;
}
.contain10 .base h2 span{
  font-size: 20px;
  color:#605e5e;
  padding-top: 0;
}
.contain10 .base h2{
  margin-bottom: 60px;

}
.con10_list{
  padding-left:36px;
  overflow: hidden;
  margin-bottom: 30px;
}
.con10_list li{
  float: left;
  margin-right: 11px;
  font-size: 18px;
  color:#fff;
  text-align: center;
  width:274px;
  height:51px;
  line-height: 51px;
  background: #464550;
  border-radius: 25px;
}
.con10_list li.hover{
  background: #da4e38;
}
.con10_wrap{
  height:456px;
}
.con10_wrap .con10_box1{
  height:456px;
  display: none;
  height:456px;
}
.con10_wrap div:nth-child(4){
  display: block;
}

.con10_box1 div img{
  margin:0 10px 10px 0;
  float: left;
}
.con10_box1:nth-child(2) div{
  margin:0 auto;
  display: block;
  height:456px;
  width:1035px;
}
.con10_box1:nth-child(3) div img:nth-child(3),.con10_box1:nth-child(3) div img:nth-child(4){
  margin-right: 0px;
}
.con10_box1:nth-child(4)  div{
  float: left;
}
.con10_box1:nth-child(4)  div:nth-child(1){
  width:346px;
}
.con10_box1:nth-child(4)  div:nth-child(3){
  width:446px;
}
/*con*/
.con .class_list{display:none;}
.con .class_list:nth-child(1){display:block;}

.a_con14{height: 421px;background:url(http://www.mobiletrain.org/java/img/javaee/sq_bottom.jpg) no-repeat center center;}
.a_con14_pro{width:306px;padding:55px 0 0 72px;float: left;}
.a_con14_pro li{border: 1px solid #de523c;height: 42px;font-size: 18px;margin-bottom: 12px;}
.a_con14_pro i,.a_con14_pro a{display:inline-block;line-height: 42px;color:#fff;}
.a_con14_pro i{width: 175px;padding-left: 12px;}
.a_con14_pro a{width: 117px;background: #de523c;text-align: center;}
.a_con14_pro p{color:#fff;font-size: 18px;padding-top: 10px;}
.a_con14_fm{width: 400px;float: left;height:340px;padding-left: 200px;}
.a_con14_fm h4{font-size: 34px;font-weight: bold;color:#fff;line-height: 62px;padding:10px 0 5px;}
.a_con14_fm p{color:#ff644c;font-size: 16px;line-height: 24px;}






/*20170727   添加学习环境*/
.hj_0725{
    padding:0px 0 120px;
    background: url(../img/javaee/hj_bg.jpg) no-repeat center bottom;
}
.hj_0725 .base h2{
    margin-bottom: 40px;
    height: 70px;
    color:#000;
}
.hj_0725 div{
    width:1100px;
    overflow: hidden;
    margin:0 auto;
}
.hj_0725 div img{
    float: left;
    margin-bottom:10px;
}
.hj_0725 div img:nth-child(2n){
    float: right;
}