@charset "utf-8";*{margin:0;padding:0;list-style:none}
body{font-size:9pt;color:#000}
body,input,select{font-family:Microsoft YaHei,Verdana}
img{border:none}
dd,dl,dt,li,ul{list-style:none}
em{FONT-STYLE:normal;FONT-WEIGHT:normal}
a{TEXT-DECORATION:none}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
.cl{clear:both;overflow:hidden}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:"020";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.hide{display:none}
.content{width:1200px;height:auto;margin:0 auto}
.banner_java{width:100%;height:650px;background:url(../images/bannerjava.jpg) no-repeat center;overflow:hidden;text-align:center}
.banner_java .banner_txt1{margin-top:140px}
.banner_txt2{width:674px;height:83px;background:url(../images/bannerbj2.png) no-repeat center;text-align:center;margin:24px auto 0;font-size:32px;line-height:83px;color:#fff}
.banner_txt2 span{color:#0ff}
.pay_num{animation:fang 2s linear infinite}
@keyframes fang{0%{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}
    50%{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2)}
    100%{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}
}
@media screen and (max-width:1000px) { 
	.wap_main {width: 1200px; margin:0 auto; display:table; overflow:hidden}  
} 
.banner_txt3{font-size:30px;text-align:center;color:#fff;margin:27px 0 0}
.banner_txt3 span{font-size:32px;font-weight:700}
.banner_txt4{font-size:26px;text-align:center;color:#fff}
.banner_txt4 img{position:relative;top:34px}
.goal_box{width:1200px;height:150px;box-shadow:0 0 15px #ddd;overflow:hidden;position:relative;top:-90px;margin:0 auto;border-radius:10px;background:#fff}
.goal_box h2{font-size:30px;margin:30px 0 15px;text-align:center}
.goal_box p{font-size:18px;text-align:center}
.goal_box p span{color:#fd0305}
.goal_box p span i{font-size:20px;font-style:normal;font-weight:700}
.java_T{text-align:center}
.java_T_con{display:inline-block;font-size:36px;font-weight:700; color:#333}
.java_T_con img{position:relative;top:-8px; margin:0 20px}
.shizhan_con ul li{width:33.3%;text-align:center;float:left}
.shizhan_con ul li img{transition:1s}
.shizhan_con ul li:hover .shi_img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg)}
.shizhan_con ul li p{font-size:16px}
.shizhan_con ul{margin-top:50px}
.shizhan_con ul li img{margin-bottom:20px}
.shizhan_con ul li p{line-height:26px}
.shizhan_img{text-align:center;margin-top:42px}
.fit_box{width:100%;height:500px;background:#fff6f5;overflow:hidden;margin-top:65px}
.java_T1{margin-top:60px}
.fit_con{width:950px;margin:45px auto 0}
.fit_info{width:280px;height:280px;border-radius:10px;background:#fff;text-align:center}
.fit_info_r{margin-right:50px}
.fit_info{position:relative;top:0;transition:1s;box-shadow: 0 5px 30px rgba(255,97,91,.1);}
.fit_info:hover{top:-20px;box-shadow:0 0 15px #fad2ce}
.fit_info img{margin-top:20px}
.fit_info p{font-size:16px;line-height:24px}
.fit_info .fit_top{margin-top:37px}
.fit_info .fit_top1{margin-top:20px}
.inschool_info{width:180px;height:180px;position:relative}
.inschool_info_l{margin-left:20px}
.inschool_info_r{margin-right:20px}
.yuan_bj{width:180px;height:180px;background:url(../images/crilebj.png) no-repeat center;position:absolute;top:0;left:0;right:0;animation:zhuan 10s linear infinite}
.yuan_bj1{animation:zhuan1 10s linear infinite}
@keyframes zhuan{0%{transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0)}
    100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
}
@keyframes zhuan1{0%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
    100%{transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0)}
}
.yuan_num{width:42px;height:42px;background:#fe3a3b;text-align:center;line-height:42px;color:#fff;font-size:26px;font-weight:700;position:absolute;top:7px;right:7px;border-radius:100%}
.inschool_txt{text-align:center;position:relative;top:50px;z-index:11}
.inschool_txt p{font-size:18px;color:#ff615b;margin-top:14px}
.jian_icon{margin:83px 35px 0 35px}
.inschool_con{margin:60px 0 90px}
.openclass_con{width:1200px;height:820px;border-radius:10px;box-shadow: 0 5px 30px rgba(255,97,91,.16);;margin-top:77px}
.openclass_btn{width:630px;height:80px;background:#ff615b;text-align:center;line-height:80px;color:#fff;font-size:28px;border-radius:80px;margin:0 auto;position:relative;z-index:11;top:-39px;box-shadow:0 0 10px #f9c6bf}
.openclass_con h2{text-align:center;font-size:30px}
.openclass_info ul{width:1140px;margin:36px auto 0}
.openclass_info ul li{width:210px;height:84px;background:url(../images/openbj.png) no-repeat;overflow:hidden;float:left;margin-right:20px;margin-bottom:20px;position:relative;top:0;transition:1s}
.openclass_info ul li:hover{top:-10px}
.openclass_info ul .li_mar{margin-right:0}
.openclass_info ul li h2{font-size:14px;color:#fff;text-align:left;margin:14px 0 0 8px}
.openclass_info ul li p{font-size:16px;color:#333;text-align:left;margin:12px 0 0 17px}
.openclass_txt{width:1138px;height:48px;background:#f8f8f8;text-align:center;line-height:48px;color:#333;font-size:18px;border-radius:48px;margin:36px auto 55px}
.openclass_txt span{color:#f54132;font-weight:700;margin-right:50px}
.ke_box{width:1138px;margin:25px auto 0}
.ke_info{width:258px;height:188px;border:1px solid #ffd5d3;background:#fff1f1;border-radius:10px;text-align:center;margin-right:30px;position:relative;top:0;transition:.7s}
.ke_info:hover{background:#fff;top:10px;border:1px solid #fff;box-shadow:0 0 15px #ddd}
.ke_info1{margin-right:0}
.ke_info img{margin:35px 0 20px}
.ke_info h2{font-size:18px;font-weight:400;margin-bottom:10px}
.ke_infop{font-size:16px}
.project_box{width:100%;background:#f8f8f8;overflow:hidden;margin-top:65px;padding-bottom:70px}
.pro_info{width:270px;height:100px;border-radius:10px;text-align:center;margin-right:38px}
.pro_info1{background:linear-gradient(to right,#00d2df,#009ee8)}
.pro_info2{background:linear-gradient(to right,#f14496,#ca41d5)}
.pro_info3{background:linear-gradient(to right,#2583f3,#1b62e0)}
.pro_info4{background:linear-gradient(to right,#ff7a2b,#f95e50);margin-right:0}
.pro_num{position:relative;top:-22px;z-index:11;transition:.5s}

.pro_info p{width:226px;font-size:16px;margin:-8px auto 0;color:#fff;text-align: center;line-height:26px}
.pro_con{margin-top:72px}
.pro_info_s{width:270px;height:100px;border-radius:10px;text-align:center;margin-right:38px;background:#ff615b;overflow:hidden}
.pro_info_s p{width:95%;margin:0 auto;font-size:16px;color:#fff;line-height:26px}
.pro_info_s .p1{margin-top:24px}
.pro_info_s1{width:268px;height:98px;border-radius:10px;text-align:center;margin-right:38px;background:#fff;overflow:hidden;border:1px solid #ff615b}
.pro_info_s1 p{width:95%;margin:0 auto;font-size:16px;color:#ff615b;line-height:26px}
.pro_info_s1 .p1{margin-top:24px}
.pro_info_s2{width:268px;height:98px;border-radius:10px;text-align:center;margin-right:38px;background:#fff7f7;overflow:hidden;border:1px solid #ff615b}
.pro_info_s2 p{width:95%;margin:0 auto;font-size:16px;color:#ff615b;line-height:26px}
.pro_info_s2 .p1{margin-top:24px}
.pro_info_no{margin-right:0}
.pro_left1{margin-left:130px}
.pro_left{margin-left:130px}
.tab_swiper_box{width:100%;background:#fff;box-sizing:border-box;padding:10px 0 75px 0;position:relative}
.tab_swiper{width:865px;height:350px;margin:70px auto 0;border-radius:12px;box-shadow:0 12px 40px rgba(59,62,93,.16);position:relative;background:#fff}
.szjs{display:block;width:415px;margin:0 auto}
.teacher_head{position:absolute;top:-45px;left:-30px;width:300px;height:370px}
.tab_swiper img{ border-radius:20px}
.tab_swiper_r{width:100%;height:100%;box-sizing:border-box;padding:30px 30px 25px 300px; }
.teacher_name{font-size:36px;color:#333;vertical-align:middle}
.teacher_brand{display:inline-block;background:#ff615b;color:#fff;font-size:16px;border-radius:20px 20px 20px 0;padding:6px 12px;vertical-align:middle;margin-left:22px}
.teacher_check{margin-top:25px}
.teacher_check>div{color:#333;font-size:20px;vertical-align:middle;margin-bottom:16px}
.teacher_check>div::before{display:inline-block;content:'';width:28px;height:26px;background:url(../images/checkteacher.png) no-repeat;background-size:100% 100%;vertical-align:middle;margin-right:10px}
.teacher_desc{color:#333;font-size:14px;text-align:justify;line-height:22px}
.teacher_style{font-size:16px;color:#333;border:1px solid #d8d8d8;padding:6px 12px;border-radius:6px;display:inline-block;margin-top:24px}
.teacher_tab,.teacher_tab ul{width:865px;margin:0 auto; text-align:center}
.teacher_tab li{display:inline-block;width:115px;margin-right:29px;position:relative}
.teacher_tab li div{position:absolute;top:0;left:0;width:110px;height:110px;overflow:hidden;border-radius:110px;border:3px solid #fff}
.teacher_tab li div img{position:absolute;width:100%;left:0}
.teacher_tab li span{font-size:18px;color:#333;display:block;text-align:center;margin-top:125px}
.teacher_tab_checked div{border:3px solid #ff6c66!important}
.teacher_tab li:last-child{margin-right:0}
.swiper-container-teacher{width:1200px;height:480px!important}
.swiper-button-prev{background-image:url(../images/l_btn_46.png);width:56px!important;height:56px!important;background-size:100% 100%!important}
.swiper-button-next{background-image:url(../images/r_btn_49.png);width:56px!important;height:56px!important;background-size:100% 100%!important}
.swiper-pagination-bullet{width:20px!important;height:20px!important;cursor:pointer}
.swiper-pagination-teacher{opacity:0}
.course_box{width:100%;background:#fff6f5;overflow:hidden;margin-top:10px;padding-bottom:50px}
.course_con{margin-top:40px}
.course_info{display:block;width:220px;border-radius:5px;background:#fff;box-shadow: 0 5px 20px rgba(255,97,91,.1);;margin:0 24px 30px 0;transition:.5s;position:relative;top:0; padding-bottom:15px}
.cour_img{ width:220px; border-radius:5px 5px 0 0}
.course_info:hover{top:-10px}
.course_info_no{margin:0 0 30px 0}
.course_info h2{font-size:16px;font-weight:400;width:86%;margin:15px auto 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #333}
.course_info p{width:86%;margin:0 auto;color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.que_info{display:block;width:416px;height:65px;background:url(../images/quebj.png) no-repeat center;overflow:hidden;line-height:65px;margin-bottom:45px;transition:1s}
.que_info:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1)}
.que_num{font-size:24px;color:#fff;margin:0 18px}
.que_txt{font-size:16px;color:#fff;margin-left:15px}
.questipn_con{margin-top:43px}
.question_l{margin:30px 20px 0 0}
.question_R{margin:30px 0 0 20px}
.good_con{margin:45px 0 80px}
.good_info{width:284px;height:220px;background:#fff;box-shadow: 0 6px 30px rgba(59,62,93,.1);text-align:center;overflow:hidden;margin-right:20px;border-radius:5px;transition:1s}
.good_info_no{margin-right:0}
.good_info img{margin:30px 0 15px;transition:1s}
.good_info:hover{background:#fff}
.good_info:hover .good_img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg)}
.good_info p{font-size:16px;line-height:26px}
.java_bottom{width:100%;height:265px;background:url(../images/bottombj.jpg) no-repeat center;overflow:hidden}
.java_bottom h2{font-size:36px;color:#fff;margin:70px 0 25px;text-align:center}
.bottom_brn_all{width:495px;margin:0 auto}
.bottom_brn_all a{height:50px;line-height:50px;display:block;border:1px solid #657188;border-radius:5px;text-align:center;color:#fff;font-size:18px;transition:.5s}
.bottom_brn_all .btn_left{width:198px}
.bottom_brn_all .btn_right{width:258px}
.bottom_brn_all a span{color:#ffc837;font-weight:700}
.bottom_brn_all a:hover{background:#ff615b;color:#fff;border:#ff615b solid 1px}
.bottom_brn_all a:hover span{ color:#fff}