@charset "utf-8";
/* CSS Document */
.javaee_banner{ background:url(../images/java_banner.jpg?v=1.0.5) no-repeat center; width:100%; height:600px; overflow:hidden}
.javaee_survey{ background:#fafbff; border-bottom:#e9eaf2 solid 1px; padding:15px 0 20px; overflow:hidden}
.javaee_survey ul{ text-align:center}
.javaee_survey ul li{ display:inline-block; text-align:center; font-size:18px; color:#333}
.javaee_survey ul li em{ font-size:36px;}
.javaee_survey ul li p{ font-size:16px; color:#666}
.javaee_survey ul li i{ font-size:40px; margin:20px 52px 0 ; float:left; color:#e2e2e3}
.javaee_tabs{ padding-top:80px}
.javaee_tabs .hd{ text-align:center}
.javaee_tabs .hd ul li{ display:inline-block; font-size:20px; margin:0 40px; cursor:pointer; position:relative}
.javaee_tabs .hd ul li a{ color:#333}
.javaee_tabs .hd ul li.on{ font-weight:bold}
.javaee_tabs .hd ul li.on:before {content: "";display: inline-block;position: absolute;background: #216df4;height: 3px;width: 100%;left: 0;bottom: -8px;}
.javaee_tabs .hd ul li em{ position:absolute;left:50%;top:0; font-size:13px; background:#fb4754; border-radius:20px; color:#fff; width:70px; line-height:20px; margin:-25px 0 0 -35px; font-weight:normal}
.javaee_tabs .hd ul li em:after{content: "";display: inline-block;position: absolute;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fb4754;left: 50%;bottom: -5px;margin-left: -5px;}
.javaee_tabs .hd .title,.javaee_tabs .hd .r{ display:none}
.javaee_tabs .fixed{ position:fixed; background:#fff;top:0;left:0; width:100%; padding:30px 0 30px;box-shadow: 0 8px 16px 0 rgba(28,31,33,.1); z-index:100}
.javaee_tabs .fixed .title{ position:absolute;left:50%;top:0; font-size:16px; display:block; line-height:86px; margin-left:-600px; font-size:24px; font-weight:bold }
.javaee_tabs .fixed .title span{background:#216df4; width:40px; height:40px; border-radius:50%; margin-right:10px; float:left; margin-top:23px; line-height:40px; }
.javaee_tabs .fixed .title i{ font-weight:normal; color:#fff; font-size:22px; line-height:40px  }
.javaee_tabs .fixed .r{ position:absolute;right:50%;top:0; display:block; margin-right:-600px}
.javaee_tabs .fixed .btn{ float:left; padding:20px 0 0 0}
.javaee_tabs .fixed .btn a{ font-size:18px; color:#fff; background:#ff2b5b;background: linear-gradient(to right,#fc5e15,#ff2b5b); border-radius:30px; padding:10px 20px; margin-left:15px; display: inline-block}

.javaee_title{ text-align:center; padding:65px 0 40px}
.javaee_title h3{ font-size:40px; font-weight:bold; color:#000; position:relative; display:inline-block}
.javaee_title h3:before {content: "";display: inline-block;position: absolute; background:url(../images/title_l.png) no-repeat; width:100px; height:8px;top:50%; left:-120px; margin-top:-4px}
.javaee_title h3:after {content: "";display: inline-block;position: absolute; background:url(../images/title_r.png) no-repeat; width:100px; height:8px;top:50%; right:-120px; margin-top:-4px}
.javaee_title_white{ text-align:center; padding:65px 0 40px}
.javaee_title_white h3{ font-size:40px; font-weight:bold; color:#fff; position:relative; display:inline-block}
.javaee_title_white h3:before {content: "";display: inline-block;position: absolute; background:url(../images/title_l_white.png) no-repeat; width:100px; height:8px;top:50%; left:-120px; margin-top:-4px}
.javaee_title_white h3:after {content: "";display: inline-block;position: absolute; background:url(../images/title_r_white.png) no-repeat; width:100px; height:8px;top:50%; right:-120px; margin-top:-4px}
.louceng_box{ position:relative}
.fixedmeau{ border: 1px solid #5a94ff; width:110px; position: fixed; top: 150px; left:50%; display: none;background: #387eff; box-shadow:3px 0 24px rgba(26,91,206,.3); margin-left:-740px; border-radius:8px; padding:5px 5px;z-index: 11;}
.fixedmeau li{ height: 32px;line-height: 32px; text-align: center; cursor: pointer; font-size:14px; color:#fff; margin:5px 0;transition:1s;}
.fixedmeau .active{background:#5c94ff; color: #fff; border-radius:30px}
.kc_louceng_box{ position:relative}
.kc_fixedmeau{ border: 1px solid #f2f3f7; width:110px; position: fixed; top: 150px; left:50%; display: none;background: #fafbff;margin-left:-740px; border-radius:8px; padding:5px 5px}
.kc_fixedmeau li{ height: 32px;line-height: 32px; text-align: center; cursor: pointer; font-size:14px; color:#fff; margin:5px 0;transition:1s;    background: #fff;color: #636363;border-radius: 30px;border: 1px solid #e9ebef;}
.kc_fixedmeau .active{background:#5c94ff; color: #fff; border-radius:30px; border:solid 1px #5c94ff}
.javaee_btn{ text-align:center;margin:50px 0 70px;}
.javaee_btn a{height: 60px;line-height: 60px;padding:0 70px;background: linear-gradient(to right,#fc5e15,#ff2b5b);border-radius: 60px;font-size:20px;color: #fff;transition: .5s; display:inline-block}
.javaee_btn i{ font-size:20px; padding-left:10px;}
.javaee_btn a:hover{box-shadow:5px 0 30px rgba(255,45,88,.5);}
.javaee_td{}
.javaee_td .td_hd{ text-align:center}
.javaee_td .td_hd ul li{ display:inline-block; font-size:18px; width:160px; height:56px; text-align:center; line-height:56px; background:#f9fbff;border:#c2d8ff solid 1px; border-radius:8px; margin:0 20px; cursor:pointer}
.javaee_td .td_hd ul li.on{ background:#387eff; color:#fff; border:#387eff solid 1px; box-shadow:5px 0 10px rgba(75,118,234,.5);}
.javaee_td .td_bd{}
.javaee_td .td_bd .t{ font-size:18px; color:#33; line-height:30px; text-align:center; padding:30px 0}
.javaee_td .td_bd .jsx{ border-radius:10px; background:#fff; box-shadow:5px 0 30px rgba(33,109,244,.2); overflow:hidden; padding:10px 0 30px}
.javaee_td .td_bd .jsx ul li{ font-size:18px; float:left; background:#fff; border-radius:0 30px 0 30px;width:270px; height:60px; line-height:60px; text-align:center; margin:20px 0 0 24px; position:relative; z-index:10;transition:.5s}
.javaee_td .td_bd .jsx ul li:before {content: "";display: inline-block;position: absolute;bottom:0;left:0; width:268px; background:#fff; border-radius:0 30px 0 30px; height:58px; z-index:-1;border:#c2d8ff solid 1px; }
.javaee_td .td_bd .jsx ul li:after {content: "";display: inline-block;position: absolute;bottom:-3px;right:-3px; width:100%; background:#dbe9ff; border-radius:0 30px 0 30px; height:100%; z-index:-2}
.javaee_td .td_bd .jsx ul li em{ color:#216df4}
.javaee_td .td_bd .jsx ul li:hover{ transform:scale(1.1);-ms-transform:scale(1.1);}
.javaee_td .td_bd .jsx .box{ padding: 20px 30px 0}
.javaee_td .td_bd .jsx .box p{ font-size:16px; line-height:32px; color:#333}
.javaee_td .td_bd .jsx .box .tt{ font-size:20px; color:#000; padding:15px 0 0 0}

.javaee_ys{}
.javaee_ys ul{ position:relative; width:1220px}
.javaee_ys ul li{ float:left; width:245px; text-align:center; background:#fff; border-radius:10px; padding: 30px 20px 20px;box-shadow:5px 0 30px rgba(33,109,244,.2); margin:0 20px 20px 0}
.javaee_ys ul li i{ font-size:58px; color:#216df4;}
.javaee_ys ul li h4{ font-size:20px; color:#000; font-weight:normal; padding:12px 0}
.javaee_ys ul li p{ font-size:16px; color:#333; line-height:26px; text-align:left; height:78px}
.javaee_ys ul li .icon{transition:1s;}
.javaee_ys ul li:hover .icon{ transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
.javaee_tt{ font-size:22px; color:#000; padding:40px 0 0px}
.javaee_fa{}
.javaee_fa ul{ position:relative; width:1220px}
.javaee_fa ul li{ float:left; width:224px; float:left; margin:20px 20px 0px 0; text-align: center; padding:25px 0; position:relative; z-index:10}
.javaee_fa ul li:before {content: "";display: inline-block;position: absolute;bottom:0;left:0; width:222px; background:#fff; border-radius:0 30px 0 30px; height:100%; z-index:-1;border:#c2d8ff solid 1px;transition:.6s; }
.javaee_fa ul li:after {content: "";display: inline-block;position: absolute;bottom:-3px;right:-3px; width:100%; background:#dbe9ff; border-radius:0 30px 0 30px; height:100%; z-index:-2}
.javaee_fa ul li i{ font-size:40px; color:#000;}
.javaee_fa ul li p{ font-size:16px; color:#333; padding-top:15px;transition:.6s;}
.javaee_fa ul li:hover:before {content: "";display: inline-block;position: absolute;bottom:0;left:0; width:222px; background:#216df4; border-radius:0 30px 0 30px; height:100%; z-index:-1;border:#c2d8ff solid 1px; }
.javaee_fa ul li:hover i,.javaee_fa ul li:hover p{ color:#fff}
.javaee_fa ul li .icon{transition:.6s;}
.javaee_fa ul li:hover .icon{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
.javaee_tx{box-shadow:5px 0 30px rgba(33,109,244,.2); border-radius:10px; margin-top:20px}
.javaee_tx .tx_hd{ width:280px; float:left; border-radius:10px; background:#216df4;box-shadow:5px 0 30px rgba(33,109,244,.2);}
.javaee_tx .tx_hd ul{ padding:10px 15px}
.javaee_tx .tx_hd ul li{ height:34px; line-height:34px; font-size:16px; color:#c4e2fd; margin:10px 0; cursor:pointer}
.javaee_tx .tx_hd ul li em{ border:#80d9fe solid 2px; width:9px; height:9px; border-radius:50%; display:inline-block; margin:0 10px 0 15px}
.javaee_tx .tx_hd ul li.on{ background:#55adff; border-radius:30px;}
.javaee_tx .tx_bd{ float:left; width:860px; margin-left:30px;}
.javaee_tx .tx_bd .info{ padding:20px 0 0 0; height:360px; overflow:hidden}
.javaee_tx .tx_bd .info .title{border-bottom:#dbe9ff solid 1px; overflow:hidden; padding-bottom:10px}
.javaee_tx .tx_bd .info .title .t{ float:left; font-size:18px; color:#333; font-weight:bold; line-height:41px}
.javaee_tx .tx_bd .info .title .more{ float:right}
.javaee_tx .tx_bd .info .title .more a{ background:#edf7ff; border-radius:30px; line-height:41px; padding:0 20px; font-size:16px; color:#216df4; display:block}
.javaee_tx .tx_bd .info .title .more em{font-family: SimSun; padding-left:5px}
.javaee_tx .tx_bd .info .tx_box{ height:310px}
.javaee_tx .tx_bd .info .tx_box .t{ font-size:18px; color:#000; padding:20px 0 10px}
.javaee_tx .tx_bd .info .tx_box .t i{ color:#216df4; padding-right:8px; font-size:18px}
.javaee_tx .tx_bd .info .tx_box .t1 i{ color:#fa2e3c; padding-right:8px; font-size:18px}
.javaee_tx .tx_bd .info .tx_box .box4 ul li{ float:left; width:25%; font-size:16px; color:#666; line-height:28px; overflow:hidden; height:28px;white-space: nowrap;text-overflow: ellipsis;}
.javaee_tx .tx_bd .info .tx_box .box4 ul li em{color:#216df4; padding-right:5px}
.javaee_tx .tx_bd .info .tx_box .box3 ul li{ float:left; width:33.333333%; font-size:16px; color:#666; line-height:28px}
.javaee_tx .tx_bd .info .tx_box .box3 ul li em{color:#216df4; padding-right:5px}
.javaee_tx .tx_bd .info .tx_box .txt ul li{ float:left; width:33.333333%; font-size:16px; color:#666; line-height:28px}
.javaee_tx .tx_bd .info .tx_box .txt ul li em{color:#fa2e3c; padding-right:5px}
.javaee_tx .tx_bd .info .tx_box .txt1 ul li{ float:left;font-size:16px; color:#666; line-height:28px; padding-right:20px; }
.javaee_tx .tx_bd .info .tx_box .txt1 ul li em{color:#fa2e3c; padding-right:5px}


.javaee_mk{}
.javaee_mk ul{ position:relative; width:1220px}
.javaee_mk ul li{ width:285px; height:240px; border-radius:10px;box-shadow:5px 0 30px rgba(33,109,244,.2); float:left; margin:20px 20px 0 0; overflow:hidden}
.javaee_mk ul li h4{ font-size:18px; color:#000; font-weight:normal; padding:25px 0 10px 20px}
.javaee_mk ul li p{ font-size:16px; color:#666; padding:4px 20px 4px 20px}
.javaee_mk ul li p em{ color:#216df4; padding-right:5px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#216df4 !important; width:2px !important}
.javaee_kc{ position:relative; width:1200px; margin:0 auto}
#java_rotate{width:597px;height:597px;background: url(../images/java_td_bg.jpg) no-repeat;margin:0 auto;border-radius:50%;}
.javaee_kc .line{ position:absolute;left:50%;top:50%;background: url(../images/java_td_line.png) no-repeat;width:597px;height:597px; margin:-289px 0 0 -298px}
.javaee_kc .p{display:table;width:400px; height:112px; position:absolute;}
.javaee_kc .p1{background: url(../images/java_td01.png) no-repeat;top:45px;left:0;}
.javaee_kc .p2{background: url(../images/java_td02.png) no-repeat;top:45px;right:0}
.javaee_kc .p3{background: url(../images/java_td03.png) no-repeat;top:245px;left:20px}
.javaee_kc .p4{background: url(../images/java_td04.png) no-repeat;top:245px;right:20px}
.javaee_kc .p5{background: url(../images/java_td05.png) no-repeat;top:420px;left:60px}
.javaee_kc .p6{background: url(../images/java_td06.png) no-repeat;top:420px;right:60px}
.javaee_kc .t{ font-size:14px; color:#fff;  width:288px;display: table-cell;vertical-align: middle; }
.javaee_kc .t p{ padding-left:10px}
.javaee_kc .n{ width:112px; height:112px;float:left; line-height:110px; text-align:center; font-size:50px; color:#fff; font-weight:bold}
.javaee_sm{}
.javaee_sm .sm_hd{ background:#216df4; padding:10px 10px 15px; margin-top:20px; border-radius:10px; overflow:hidden}
.javaee_sm .sm_hd ul li{ float:left; text-align:center; color:#fff; width:118px; cursor:pointer}
.javaee_sm .sm_hd ul li.on{ background:#fff; color:#216df4; border-radius:10px; position:relative}
.javaee_sm .sm_hd ul li.on:before {content: "";display: inline-block;position: absolute;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;left: 50%;bottom: -8px;margin-left: -8px;}
.javaee_sm .sm_hd ul li i{ font-size:32px; padding:15px 0 0 0; display:inline-block}
.javaee_sm .sm_hd ul li p{ font-size:16px; padding:5px 0 10px 0}
.javaee_sm .sm_bd{ margin-top:20px; background:#fff; border-radius:10px;box-shadow:5px 0 30px rgba(33,109,244,.2); padding:20px} 
.javaee_sm .sm_bd .sm_box{ overflow:hidden}
.javaee_sm .sm_bd .sm_box .img{ float:left; width:529px}
.javaee_sm .sm_bd .sm_box .img img{ width:529px; height:507px; border-radius:10px}
.javaee_sm .sm_bd .sm_box .info{ float:right; width:610px; height:507px; overflow:hidden}
.javaee_sm .sm_bd .sm_box .info h4{ font-size:22px; color:#333; border-bottom:#dbe9ff solid 1px; overflow:hidden; padding:10px 0}
.javaee_sm .sm_bd .sm_box .info .t{ font-size:20px; color:#333; padding:20px 0 10px}
.javaee_sm .sm_bd .sm_box .info .t i{ color:#216df4; padding-right:8px; font-size:20px}
.javaee_sm .sm_bd .sm_box .info p{ font-size:15px; color:#333; line-height:26px}



.teacher_lunbo{margin-bottom:60px;position:relative}
.teacher_lunbo .swiper-button-prev{position:absolute;left:-22px;z-index:11;outline:0}
.teacher_lunbo .swiper-button-prev::after{display:none}
.teacher_lunbo .swiper-button-next{right:-22px;z-index:11;outline:0}
.teacher_lunbo .swiper-button-next::after{display:none}
#swiper-container1{width:100%;height:420px}
#swiper-container1 .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:.3s;transform:scale(.8)}
#swiper-container1 .swiper-slide .swiper_img{position:relative;width:360px;height:100%;overflow:hidden}
#swiper-container1 .swiper-slide .swiper_img .swiper_img_info{width:360px;height:100%;position:relative}
#swiper-container1 .swiper-slide .swiper_img .swiper_img_info img{ border-radius:10px}
.swiper_img_info .tea_des{position:absolute;bottom:0;z-index:11;color:#fff;padding:20px 15px;text-align:left;background:linear-gradient(rgba(0,0,0,0),#000); border-radius:0 0 10px 10px }
.swiper_img_info .tea_des h2{margin-bottom:5px;font-size:20px}
.swiper_img_info .tea_des h3{margin-bottom:5px;font-size:18px;font-weight:400;margin-bottom:5px}
.swiper_img_info .tea_des p{font-size:16px;line-height:26px}
#swiper-container1 .swiper-slide .swiper_img img{width:360px;height:100%}
#swiper-container1 .swiper-slide .swiper_img .teacher_txt{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0;bottom:0;z-index:11;display:none;border-radius:10px}
#swiper-container1 .swiper-slide .swiper_img .teacher_txt h2{text-align:center;margin:40px 0 30px;font-size:26px;color:#fff;text-align:center}
#swiper-container1 .swiper-slide .swiper_img .teacher_txt p{font-size:16px;width:90%;margin:0 auto;color:#fff;line-height:28px;text-align:left}
#swiper-container1 .swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1)}

.javaee_outline{ position:relative; margin-bottom:50px;}
.javaee_outline .t{ font-size:20px; font-weight:bold; margin-top:40px; display:block; clear:both; overflow:hidden}
.javaee_outline .box{ position:relative; width:1170px; float:right;}
.javaee_outline .box:before {content: "";display: inline-block;position: absolute; border-left:#e9ebef solid 1px;left:-22px; height:90%; height:calc(100% - 50px);top:50px}
.javaee_outline .box ul li{ background:#fff; border-radius:10px; box-shadow:5px 0 20px rgba(33,109,244,.2); padding:20px 20px 10px 0; position:relative; margin-top:20px; display: inline-block;transition: all ease-out .4s}
.javaee_outline .box ul li .l{ float:left; width:104px; text-align:center; background:#216df4; height:34px; line-height:34px; font-size:16px; color:#fff; border-radius:0 30px 30px 0; position:relative}
.javaee_outline .box ul li .l:before {content: "";display: inline-block;position: absolute;border:#216df4 solid 3px; width:12px; height:12px; background:#fff;left:-30px;top:50%; border-radius:50%; margin-top:-8px}
.javaee_outline .box ul li .r{ float:left; margin-left:15px; width:1030px; color:#666; font-size:16px }
.javaee_outline .box ul li .r .tt{ font-size:18px; color:#000; padding:5px 0 5px; }
.javaee_outline .box ul li .r p{ padding-bottom:10px;line-height:28px}
.javaee_outline .box ul li .r p em{ font-size:14px; padding:0 8px; color:#999; }
.javaee_outline .box ul li:hover{box-shadow:5px 0 30px rgba(33,109,244,.5);}

.javaee_update{ width:100%;border:#c3e0ff solid 2px;border-collapse:collapse;font-size:14px; box-shadow:5px 0 30px rgba(33,109,244,.0); border-radius:10px; margin:0px 0 50px}
.javaee_update th{border-collapse:collapse;border:#c3e0ff solid 1px; padding:15px 0; font-size:16px; background:#f4f9ff; color:#216df4; font-size:18px}
.javaee_update td{border-collapse:collapse;border:#c3e0ff solid 1px; padding:10px; line-height:26px; color:#333}
.javaee_update .t33{ width:33.3333%; float:left; font-size:16px; line-height:30px}
.javaee_update .td1{ width:200px; text-align:center; color:#216df4; font-size:18px }
.javaee_update em{color:#216df4; padding-right:5px}

@media screen and (max-width:1500px) { 
	.fixedmeau{left:0; margin-left:0; z-index:9999}
	.kc_fixedmeau{left:0; margin-left:0; z-index:9999}
}