@charset "gb2312";
/* 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:1100px;
}
.base11{
    width:1100px;
    margin:0 auto;
}
.nav{background: #0da26c}
    .nav span{color:#fff;background: #000 url(imgjavaee_20170628xiaoren.png) no-repeat 61px 28px;}
.btn{
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}
.btn.button--inverted {
  background: none;
  color: #fff;
}

.btn::before, .btn::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.btn::before {
  background: #00ffd2;
}

.btn::after {
  background: #f14848;
}

.btn:hover {
  color: #fff;
}

.btn:hover::before, .btn:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.btn:hover::after {
  -webkit-transition-delay: 0.175s;
  transition-delay: 0.175s;
}




/*banner*/
.banner{
    background: url(imgjavaee_20170628banner_bg.jpg) no-repeat center top;
}
.banner .base11{
    height:577px;
    position: relative;
}
.banner .base11 img{
    display: block;
    position: absolute;
}
.banner .base11 img:nth-child(1){
    top:105px;
    left:40px;
}
.banner .base11 img:nth-child(2){
    top:113px;
    left:20px;
}
.banner .base11 img:nth-child(3){
    top:312px;
    left:5px;
}
.banner_a{
    display: block;
    width:300px;
    height:82px;
    text-align: center;
    line-height: 82px;
    font-size: 38px;
    color:#fff;
    font-weight: 900;
    background: url(imgjavaee_20170628banner04.png) no-repeat center top;
    position: absolute;
    left:535px;
    top:311px;
}
/*contain1*/
.contain1{
    padding:50px 0;
    background: url(imgjavaee_20170628con1_bg.jpg) repeat;
}
.biaoti{
    font-size: 32px;
    text-align: center;
    color:#222229;
    margin-bottom: 40px;
}
.biaoti img{
    display: block;
    margin:0 auto;
}
.con1_list{
    overflow: hidden;
}
.con1_list li{
    float: left;
    width:350px;
    height:355px;
    position: relative;
    margin-right: 25px;
}
.con1_list li:nth-child(3){
    margin-right: 0px;
}
.con1_list li>span{
    display: block;
    width:82px;
    height: 72px;
    background: url(imgjavaee_20170628con1_img1.png) no-repeat center top;
    margin:0 auto;
    padding:18px 0 0 45px;
}
.con1_list li>span img{
    display: block;

}
.con1_wrap{
    width:322px;
    height: 246px;
    position: absolute;
    left:15px;
    bottom:0px;
    padding-top: 32px;
    overflow: hidden;
}
.con1_wrap div{
    width:312px;
    height:178px;
    padding-top:25px;
    color:#363636;
    transition:.5s;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
}

.con1_wrap div h6{
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}
.con1_wrap div p{
    font-size: 14px;
    line-height: 28px;
    width:275px;
    margin:0 auto;
}
.con1_wrap:hover div{
    background: #03b876;
    color:#fff;
}
.con1_wrap span{
    display: block;
    position: absolute;
    width:100%;
    height:100%;
}
.con1_wrap .span1,.con1_wrap .span3{
    width:2px;
    height:0px;
}
.con1_wrap .span2,.con1_wrap .span4{
    height:2px;
    width:0px;
}
.con1_wrap .span1{
    background: url(imgjavaee_20170628con1_span1.png) no-repeat center top;
    left:0px;
    bottom:0px;
}
.con1_wrap .span2{
    background: url(imgjavaee_20170628con1_span2.png) no-repeat center top;
    left:0px;
    top:32px;
}
.con1_wrap .span3{
    background: url(imgjavaee_20170628con1_span3.png) no-repeat center top;
    left:310px;
    top:-7px;
}
.con1_wrap .span4{
    background: url(imgjavaee_20170628con1_span4.png) no-repeat center top;
    left:321px;
    top:233px;
}

/*contain2*/
.contain2{
    padding:68px 0 90px;
    background: url(imgjavaee_20170628con2_bg.jpg) no-repeat center top;
}
.contain2 .biaoti{
    position: relative;
    z-index: 2;
}
.contain2 .biaoti{
    color:#fff;
    margin-bottom: 70px;
}
.contain2 .biaoti span{
    display: block;
    position: absolute;
    height:166px;
    background: url(imgjavaee_20170628con2_bt_span.png) no-repeat center;
    left:178px;
    top:-22px;
    z-index: -1;
    width:0;
}
.con2_wrap h6{
    text-align: center;
    color:#03b876;
    font-size: 24px;
    margin-bottom: 15px;
}
.con2_list{
    margin-bottom: 70px;
    height:368px;
    width:912px;
    background: url(imgjavaee_20170628con2_img1.png) no-repeat center top;
    padding:44px 0 0 188px;
    position: relative;
}

.con2_list li{
    float: left;
    height:320px;
    position: relative;
    overflow: hidden;
}
.con2_img2{
    position: absolute;
    bottom:37px;
    left:48px;
    z-index: 50;
}

.con2_wrap p{
    text-align: center;
    font-size: 32px;
    color:#fff;
    font-weight: 900;
}
.con2_wrap p span{
    color:#03b876;
}
.con2_list .con2_li2{
    margin-left: -34px;
    width:142px;
}
.con2_list .con2_li2 img,.con2_list .con2_li4 img{
    position: absolute;
    left:0px;
}
.con2_list .con2_li3{
    margin-left: -25px;
}
.con2_list .con2_li4{
    margin-left: -34px;
    width:177px;
}
.con2_list .con2_li5{
    margin-left: -55px;
}
.con2_list .con2_li6{
    margin-left: -58px;
}
.con2_list .con2_li2 img{
    bottom:-120px;
}
.con2_list .con2_li4 img{
    bottom:-235px;
}

/*contain3*/
.contain3{
    padding:50px 0 80px;
    background: url(imgjavaee_20170628con3_bg.jpg) no-repeat center top;
}
.contain3 .biaoti{
    margin-bottom: 70px;
}
.con3_list{
    overflow: hidden;
    margin-bottom: 60px;
}
.con3_list li{
    float: left;
    margin-right:21px;
    width:349px;
    height:279px;
}
.con3_list li:nth-child(3){
    margin-right: 0px;
}
.con3_list li span{
    display: block;
    margin:0 auto -48px;
    width:100px;
    height:100px;
    border-radius: 50%;
    font-size: 36px;
    color:#fff;
    font-weight: 900;
    text-align: center;
    line-height: 70px;
}
.con3_list li p{
    width:360px;
    height:204px;
    padding-top: 23px;
    color:#fff;
}
.con3_list li:nth-child(1) span,.con3_list li:nth-child(1) p{
    background: #3cb6af;
}
.con3_list li:nth-child(2) span,.con3_list li:nth-child(2) p{
    background: #569fc1;
}
.con3_list li:nth-child(3) span,.con3_list li:nth-child(3) p{
    background: #647bb8;
}
.con3_list li p i{
    display: block;
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}
.con3_list li p em{
    display: block;
    width:260px;
    margin:0 auto 15px;
    line-height: 26px;
    font-size: 14px;

}
.btn_wrap{
    text-align: center;
}
.btn_wrap a{
    display: inline-block;
    font-size: 26px;
    text-align: center;
    color:#fff;
    width:302px;
    height:60px;
    line-height: 60px;
    background: #e14d33;
    margin: 0 12px;
}
/*contain4*/
.contain4{
    background: #202026;
    padding:65px 0 80px;
}
.contain4 .biaoti{
    margin-bottom: 50px;
}
.con4_btn{
    display: block;
    margin:0 auto 30px;
    font-size: 28px;
    color:#fff;
    border:1px dashed #fff;
    width:332px;
    height:57px;
    line-height: 57px;
    text-align: center;
}
.contain4 table{
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 35px;
    padding: 0;

}
.contain4 table th{
    height:70px;
    background:#06b878;
    font-size: 20px;
    color:#fff;
    font-weight: 900;
    text-align: center;
    border:1px solid #202026;
}
.contain4 table td{
    border:1px solid #202026;
    font-size: 18px;
    color:#161616;
    background: #bff1df;
    text-align: center;
    height:65px;
}
.contain4 table tr td:nth-child(3){
    font-size: 20px;
}
.contain4 table tr td i{
    font-size: 20px;
    color:#fa0101;
}
.contain4 table tr td em{
    font-size: 18px;
    color:#fa0101;
}
.contain4 p{
    color:#fff;
    font-size: 22px;
    text-align: center;
}
.contain4 p span{
    display: block;
    font-size: 18px;
}
.contain4 p i{
    font-size: 34px;
    color:#07e293;
}
.contain4 p em{
    color:#07e293;
}

/*contain5*/
.contain5{
    padding:50px 0 80px;
    background: #fff url(imgjavaee_20170628con5_bg.jpg) no-repeat center 250px;
}
.con .java_class{
    display: none;
}
.con .java_class:nth-child(1){
    display: block;
}
.javaee_fixed,.javaee_fixed ul{
    background:rgba(255,255,255,0);
}
.javaee_fixed,.javaee_fixed ul,.javaee_fixed ul:after{
    width:1100px;

}
.javaee_fixed ul li{
    width:220px;
}
.con li{
    margin-right: 10px;
}
.con li i{
    width:200px;
}
.class_list ul li{
    width:330px;
}
.ad_con2 .ad_con2_main_bg{
    display: none;
}
.ad_con2 .ad_con2_main_bg:nth-child(1){
    display: block;
}
.ad_base{
    width:1100px;
}

.ad_con2_bottom_bg h6 {
    font-size: 30px;
    color: #0da26c;
    margin-bottom: 35px;
    text-align: center;
}

.ad_con2_list i{display:inline-block;margin:0 20px 5px 0;}
.ad_con2_list h5 {
    margin-bottom: 10px;
    padding-top: 10px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.ad_con2_main_bg {
    background: url(imgjavaee_20170628adtop_bg.png) no-repeat center bottom;
    min-height: 240px;
    margin-bottom: 40px;
}
.ad_con2_top_bg {
    background: url(imgjavaee_20170628adbottom_bg.png) top center no-repeat;
    min-height: 240px;
    padding:50px 0;
}
.ad_con2_bottom_bg {
    background: url(imgjavaee_20170628admain.png) bottom center repeat-y;
    min-height: 240px;
    padding:0 30px;
}
/*contain6*/
.contain6{
    padding:70px 0 0;
    background: url(imgjavaee_20170628con6_bg.jpg) no-repeat center top;
}
.contain6 .biaoti{
    margin-bottom: 60px;
}
.con6_wrap{
    height:457px;
    background:rgba(255,255,255,.1);
    padding:16px 0 0 16px;
}
.con6_main{
    width:556px;
    height:381px;
    background: rgba(255,255,255,.2);
    padding:30px 80px;
}
.con6_list{
    overflow: hidden;
    margin-bottom: 20px;
}
.con6_list li{
    float: left;
    margin-right:25px;
    width:86px;
    height:86px;
    border-radius: 50%;
    border-width: 2px;
    border-color:rgba(255,255,255,0);
    border-style: solid;
}
.con6_list li:nth-child(5){
    margin-right: 0px;
}
.con6_list li:hover{
    border:2px solid #03b876;
}

.con6_content{
    width:100%;
    height:266px;
    position: relative;
}
.con6_content>div{
    position: absolute;
    width:100%;
    height:100%;
    display: none;
}
.con6_content>div:nth-child(1){
    display: block;
}
.con6_content>div:before{
    content: "";
    display: block;
    position: absolute;
    width:134px;
    height:4px;
    background: url(imgjavaee_20170628con6_img1.png) no-repeat left top;
}
.con6_content>div h5{
    font-size: 30px;
    color:#cacaca;
    line-height: 50px;
}
.con6_content>div span{
    display: block;
    font-size:16px;
    color:#878686;
    margin-bottom: 10px;
}
.con6_content>div p{
    color:#cacaca;
    font-size: 16px;
    line-height: 30px;
    text-indent: 32px;
}
.con6_content>div img{
    display: block;
    position: absolute;
    right:-440px;
    top:-187px;
}

/*contain7*/
.contain7{
    padding:55px 0 90px;
}
.contain7 .biaoti{
    margin-bottom: 90px;
}
.con7_wrap{
    height: 430px;
    margin-bottom: 75px;
    position: relative;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.con7_bian{
    width:350px;
    height:430px;
}
.con7_bian h5{
    font-size: 22px;
    color:#fff;
    height:57px;
    text-align: center;
    line-height: 57px;
    background: #03b876;
    border-radius: 28px 0 28px 0;
    margin-bottom: 15px;
}
.con7_bian img{
    display: block;
    margin-bottom: 10px;
}
.con7_bian p{
    font-size: 14px;
    color:#545454;
    line-height: 28px;
    text-indent: 28px;
}
.con7_center{
    width:310px;
    height:325px;
    position: absolute;
    left:50%;
    margin-left: -155px;
    top:0px;
    background: url(imgjavaee_20170628con7_img3.jpg) no-repeat center;
    padding-top:100px;
}
.con7_center span{
    display: block;
    width:270px;
    height:50px;
    line-height: 50px;
    margin:0 auto;
    text-align: center;
    font-size: 16px;
}
.con7_center span:nth-child(1){
    color:#f19120;
}
.con7_center span:nth-child(2){
    color:#089f28;
}
.con7_center span:nth-child(3){
    color:#e145be;
}
.con7_center span:nth-child(4){
    color:#ec1919;
}
.con7_center span:nth-child(5){
    color:#669a02;
}

.contain7 a{
    display: block;
    width:400px;
    height:65px;
    line-height: 65px;
    text-align: center;
    color:#fff;
    background:#e14d33;
    font-size: 32px;
    margin:0 auto;
}
/*contain8*/
.contain8{
    padding:105px 0 110px;
    background: url(imgjavaee_20170628con8_bg.jpg) no-repeat center top;
}


/*contain9*/
.contain9{
    padding:60px 0 80px;
    background: url(imgjavaee_20170628con9_bg.jpg) repeat;
}
.contain9 .biaoti{
    margin-bottom: 80px;
}
.con9_wrap{
    width:1100px;
    position: relative;

}
.con9_wrap>div{
    position: absolute;
    height:75px;
    background: #07b174;
    width:1100px;
}
.con9_wrap:before{
    content: "";
    display: block;
    position: absolute;
    left:10px;
    top:-21px;
    width:123px;
    height:123px;
    background: url(imgjavaee_20170628con9_img1.png) no-repeat center top;
    z-index: 10;
}
.con9_wrap:after{
    content: "";
    display: block;
    position: absolute;
    left: 106px;
    top: -110px;
    width: 92px;
    height: 106px;
    transform: rotate(7deg);
    background: url(imgjavaee_20170628wenhao.png) no-repeat center top;
    animation: myfirst 2s linear infinite alternate;
    -moz-animation: myfirst 2s linear infinite alternate;
    -webkit-animation: myfirst 2s linear infinite alternate;
    -o-animation: myfirst 2s linear infinite alternate;
    -ms-animation: myfirst 2s linear infinite alternate;
}

@keyframes myfirst
{
0%{left:105px;top:-115px;transform:rotate(7deg);}
25%{left:75px;top:-133px;transform:rotate(-10deg);}
50%{left:30px;top:-140px;transform:rotate(-30deg);}
75%{left:-9px;top:-133px;transform:rotate(-50deg);}
100%{left:-37px;top:-120px;transform:rotate(-60deg);}
}

@-moz-keyframes myfirst /* Firefox */
{
0%{left:105px;top:-115px;transform:rotate(7deg);}
25%{left:75px;top:-133px;transform:rotate(-10deg);}
50%{left:30px;top:-140px;transform:rotate(-30deg);}
75%{left:-9px;top:-133px;transform:rotate(-50deg);}
100%{left:-37px;top:-120px;transform:rotate(-60deg);}
}

@-webkit-keyframes myfirst /* Safari ºÍ Chrome */
{
0%{left:105px;top:-115px;transform:rotate(7deg);}
25%{left:75px;top:-133px;transform:rotate(-10deg);}
50%{left:30px;top:-140px;transform:rotate(-30deg);}
75%{left:-9px;top:-133px;transform:rotate(-50deg);}
100%{left:-37px;top:-120px;transform:rotate(-60deg);}
}

@-o-keyframes myfirst /* Opera */
{
0%{left:105px;top:-115px;transform:rotate(7deg);}
25%{left:75px;top:-133px;transform:rotate(-10deg);}
50%{left:30px;top:-140px;transform:rotate(-30deg);}
75%{left:-9px;top:-133px;transform:rotate(-50deg);}
100%{left:-37px;top:-120px;transform:rotate(-60deg);}
}

.timerNo{
    display: none;
}
.timerNo li:hover span{
    font-size: 36px;
    color:#131523;
}
.timerNo li:hover p{
    display: block;
}
.con9_list{
    width:960px;
    padding-left: 140px;
    overflow: hidden;
}
.con9_list li {
    float: left;
    position: relative;
    width:160px;
    text-align: center;
    cursor: pointer;
}
.con9_list li span{
    display: block;
    color:#fff;
    font-size: 24px;
    line-height: 75px;

}
.con9_list li p{
    width:130px;
    color:#fff;
    font-size: 14px;
    line-height: 26px;
    padding:0 15px 20px;
    background: #07b174;
    text-align: left;
    display: none;
}


















/*contain10*/
.contain10{
    height:385px;
    background: url(imgjavaee_20170628con10_bg.jpg) no-repeat center top;
    padding-top: 70px;
}

.contain10 ul{
    text-align: center;
    margin-bottom: 30px;
}
.contain10 ul li{
    display: inline-block;
}
.con10_biaoti{
    display: block;
    margin:0 auto;
}