@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
.tabbox{overflow:hidden;}
.tabbox .tabbtn{ text-align:center; position: relative; z-index:1000; padding-top:30px}
.tabbox .tabbtn li{border:#ddd solid 1px; height:40px; line-height:40px;  font-size:16px; display:inline-block; margin:0 5px }
.tabbox .tabbtn li a{ display:block;padding:0 20px; color:#333;}
.tabbox .tabbtn li.current{ background:#167ed9; color:#fff;border:#167ed9 solid 1px;}
.tabbox .tabbtn li.current a{ color:#fff}
.tabbox .loading{text-align:center;position:absolute;left:0;top:50px;}
.tabbox .tabcon{ }
@media only screen and (max-width: 1800px) {
/*.tabbox .tabbtn{  padding-left:300px}*/
}
#main-content{ overflow:hidden}
.teachers_java{ background:#fff; position:absolute;top:50%; margin-top:-382px;left:50%; margin-left:-600px}
.teachers_java_pic{width:1200px; position:relative; margin:0 auto }
.teachers_java_pic .focus_pic{overflow:hidden;}
.teachers_java_pic .focus_pic li .img{width:456px;float:left}
.teachers_java_pic .focus_pic li .info{ float:right; font-size:14px; color:#444; width:744px;}
.teachers_java_pic .focus_pic li .info h3{ font-size:60px; color:#000; padding:115px 0 10px}
.teachers_java_pic .focus_pic li .info p{ font-size:24px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 0 23px; padding:20px 0 0 35px}
.teachers_java_pic .focus_pic li .info .btn{ font-size:24px; color:#fff; background:#2577e3; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; }
.teachers_java_pic .focus_pic li .info .btn span{ background:#242c43; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
.teachers_java_pic .focus_pic img{display:inline-block;vertical-align:top; background:url(../images/loading.gif) center center no-repeat; width:418px; height:763px}
.teachers_java_pic .focus_nav{ position:absolute;right:120px;bottom:0;}
.teachers_java_pic .focus_nav .tempWrap{ float:left; }
.teachers_java_pic .focus_nav li{position:relative;float:left;display:inline; cursor:pointer; width:124px; text-align:center; background:url(../images/pic_line.png) no-repeat top right; height:200px}
.teachers_java_pic .focus_nav li:last-child{ background:none}
.teachers_java_pic .focus_nav .navPrev,.teachers_java_pic .focus_nav .navNext{width:40px;overflow:hidden; float:left; text-align:center; line-height:100px; font-size:36px; font-family:SimSun}
.teachers_java_pic .focus_nav .navPrev:hover,.teachers_java_pic .focus_nav .navNext:hover{ color:#2577e3}
.teachers_java_pic .focus_nav ul li img{border:2px solid #babec5;width:80px;height:80px;border-radius:50%; margin-top:10px}
.teachers_java_pic .focus_nav ul li.on img{border:2px solid #035cac; border-radius:50%;}
.teachers_java_pic .focus_nav ul li p{ font-size:18px; padding-top:10px;font-family:PingFang SC Regular;}
.back_home{position:absolute;left:50%;top:30px; border:#ddd solid 1px; line-height:40px; font-size:16px; margin-left:-412px}
@media only screen and (max-width: 1366px) {
.tabbox .tabbtn{ text-align:center; position: relative; z-index:1000; padding-top:20px;/* padding-left:350px*/}	
.teachers_java{ background:#fff; position:absolute;top:50%; margin-top:-300px;left:50%; margin-left:-600px}
.teachers_java_pic .focus_pic li .info{ float:right; font-size:14px; color:#444; width:820px;}
.teachers_java_pic .focus_pic li .img{width:329px;float:left}
.teachers_java_pic .focus_pic img{display:inline-block;vertical-align:top; background:url(../images/loading.gif) center center no-repeat; width:329px; height:600px}
.teachers_java_pic .focus_pic li .info h3{ font-size:50px; color:#000; padding:90px 0 0px}
.teachers_java_pic .focus_nav{ position:absolute;right:100px;bottom:0;}
.teachers_java_pic .focus_nav li{position:relative;float:left;display:inline; cursor:pointer; width:124px; text-align:center; background:url(../images/pic_line.png) no-repeat top right; height:130px}
.teachers_java_pic .focus_pic li .info .btn{ font-size:24px; color:#fff; background:#2577e3; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:30px; height:50px; line-height:50px; font-family:PingFang SC Regular; }
.back_home{position:absolute;left:50%;top:20px; border:#ddd solid 1px; line-height:40px; font-size:16px; margin-left:-412px}
}

.data_teachers {position: absolute; background:url(../images/data_teachers_bg.jpg?v=1.0) no-repeat; height:558px;padding: 100px 0 0px; width:1200px; top:50%;left:50%; margin:-280px 0 0 -600px}
.data_teachers .bd{position:relative;float:left;width:900px;height:629px;}
.data_teachers .showDiv {position:relative;}
.data_teachers .showDiv .img{width:393px;float:left; position:absolute;left:0;top:-165px;height:629px}
.data_teachers .showDiv img {width:393px;height:629px;background:url(../images/loading.gif) center center no-repeat; }
.data_teachers .showDiv .info{ float:right; width:500px;}
.data_teachers .showDiv .info h3{ font-size:48px; color:#000; padding:50px 0 10px}
.data_teachers .showDiv .info p{ font-size:24px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 23px; padding:20px 0 0 45px}
.data_teachers .showDiv .info .btn{ font-size:24px; color:#fff; background:#e72828; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.data_teachers .showDiv .info .btn span{ background:#4c0101; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
.data_teachers .hd{width:250px;float:right; margin:80px 20px 0 0}
.data_teachers .hd ul li{width:125px; float:left; margin:0 0 20px 0px; display:inline; position:relative; text-align:center; cursor:pointer}
.data_teachers .hd ul img{width:90px; height:90px; border:2px solid #ddd; border-radius:50%}
.data_teachers .hd ul a:hover img, .data_teachers .hd ul .on img{border-color:#e72828;}
.data_teachers .hd ul p{ font-size:18px; padding-top:5px;font-family:PingFang SC Regular;}
@media only screen and (max-width: 1366px) {
.data_teachers {position: absolute; background:url(../images/data_teachers_bg1.jpg) no-repeat; height:536px;padding:0 0 0px; width:1200px; top:50%;left:50%; margin:-268px 0 0 -600px}
.data_teachers .bd{position:relative;float:left;width:900px; height:550px}
.data_teachers .showDiv {position:relative;}
.data_teachers .showDiv .img{width:344px;float:left; position:absolute;left:0;top:-36px;}
.data_teachers .showDiv img {width:344px;height:550px;background:url(../images/loading.gif) center center no-repeat; }
.data_teachers .showDiv .info{ float:right; width:500px;}
.data_teachers .showDiv .info h3{ font-size:48px; color:#000; padding:80px 0 10px}
.data_teachers .showDiv .info p{ font-size:24px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 23px; padding:20px 0 0 45px}
.data_teachers .showDiv .info .btn{ font-size:24px; color:#fff; background:#e72828; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.data_teachers .showDiv .info .btn span{ background:#4c0101; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
.data_teachers .hd{width:250px;float:right; margin:140px 20px 0 0}
.data_teachers .hd ul li{width:125px; float:left; margin:0 0 20px 0px; display:inline; position:relative; text-align:center; cursor:pointer}
.data_teachers .hd ul img{width:90px; height:90px; border:2px solid #ddd; border-radius:50%}
.data_teachers .hd ul a:hover img, .data_teachers .hd ul .on img{border-color:#e72828;}
.data_teachers .hd ul p{ font-size:18px; padding-top:5px;font-family:PingFang SC Regular;}	
}
.python_teachers {width:1200px; position: absolute;left:50%;top:50%; margin:-283px 0 0 -600px; background:url(../images/python_teachers_bg.jpg) no-repeat center bottom; height:566px;}
.python_teachers .bd{position:relative;float:left;}
.python_teachers .showDiv {position:relative;}
.python_teachers .showDiv .img{width:316px;float:left; padding-left:50px}
.python_teachers .showDiv img {width:316px;height:564px;background:url(../images/loading.gif) center center no-repeat; }
.python_teachers .showDiv .info{ float:right; width:570px; padding-left:50px}
.python_teachers .showDiv .info h3{ font-size:60px; color:#000; padding:140px 0 10px}
.python_teachers .showDiv .info p{ font-size:28px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 26px; padding:20px 0 0 45px}
.python_teachers .showDiv .info .btn{ font-size:24px; color:#fff; background:#3052db; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.python_teachers .showDiv .info .btn span{ background:#242c43; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
.python_teachers .hd{width:160px;float:left; margin:100px 0 0 0}
.python_teachers .hd ul li{width:160px; margin:20px 0 0 0px; text-align:center; cursor:pointer}
.python_teachers .hd ul li img{width:160px; height:160px; border:#ddd solid 1px}
.python_teachers .hd ul li.on img{ border:#3052db solid 1px}
.python_teachers .hd ul li p{ text-align:center; font-size:18px; color:#333; padding:5px 0 0 0}

.intelligence_teachers {width:1200px; position: absolute;left:50%;top:50%; margin:-374px 0 0 -600px;height:747px }
.intelligence_teachers .showDiv {position:relative;}
.intelligence_teachers .showDiv .img{width:1200px; position:absolute;left:0;top:0;height:747px}
.intelligence_teachers .showDiv img {width:1200px;height:747px;background:url(../images/loading.gif) center center no-repeat; }
.intelligence_teachers .showDiv .info{ position: absolute;left:530px;top:120px;}
.intelligence_teachers .showDiv .info h3{ font-size:48px; color:#000; padding:50px 0 10px}
.intelligence_teachers .showDiv .info p{ font-size:24px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 23px; padding:20px 0 0 45px}
.intelligence_teachers .showDiv .info .btn{ font-size:24px; color:#fff; background:#2577e3; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.intelligence_teachers .showDiv .info .btn span{ background:#242c43; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
.intelligence_teachers .hd{ position:absolute;left:535px; bottom:40px}
.intelligence_teachers .hd ul li{width:200px; float:left; margin:0 30px 20px 0px; display:inline; position:relative; text-align:center; cursor:pointer}
.intelligence_teachers .hd ul img{width:200px; height:100px; border:2px solid #ddd; }
.intelligence_teachers .hd ul a:hover img, .intelligence_teachers .hd ul .on img{border-color:#2577e3;}
.intelligence_teachers .hd ul p{ font-size:18px; padding-top:5px;font-family:PingFang SC Regular;}
@media only screen and (max-width: 1366px) {
.intelligence_teachers {width:996px; position: absolute;left:50%;top:50%; margin:-310px 0 0 -498px;height:620px }	
.intelligence_teachers .showDiv {position:relative;}
.intelligence_teachers .showDiv .img{width:996px; position:absolute;left:0;top:0;height:620px}
.intelligence_teachers .showDiv img {width:996px;height:620px;background:url(../images/loading.gif) center center no-repeat; }
.intelligence_teachers .showDiv .info{ position: absolute;left:410px;top:120px;}
.intelligence_teachers .showDiv .info h3{ font-size:36px; color:#000; padding:10px 0 0px}
.intelligence_teachers .showDiv .info p{ font-size:24px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 23px; padding:20px 0 0 45px}
.intelligence_teachers .showDiv .info .btn{ font-size:24px; color:#fff; background:#2577e3; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:20px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.intelligence_teachers .showDiv .info .btn span{ background:#242c43; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
.intelligence_teachers .hd{ position:absolute;left:415px; bottom:20px}
.intelligence_teachers .hd ul li{width:200px; float:left; margin:0 30px 20px 0px; display:inline; position:relative; text-align:center; cursor:pointer}
.intelligence_teachers .hd ul img{width:200px; height:100px; border:2px solid #ddd; }
.intelligence_teachers .hd ul a:hover img, .intelligence_teachers .hd ul .on img{border-color:#2577e3;}
.intelligence_teachers .hd ul p{ font-size:18px; padding-top:5px;font-family:PingFang SC Regular;}
}
.web_teachers {width:1200px; position: absolute;left:50%;top:50%; margin:-331px 0 0 -600px; background:url(../images/web_teachers_bg.png) no-repeat center bottom; height:662px;}
.web_teachers .bd{position:relative;float:left;}
.web_teachers .showDiv {position:relative;}
.web_teachers .showDiv .img{width:380px;float:left; padding-left:30px}
.web_teachers .showDiv img {width:380px;height:657px;background:url(../images/loading.gif) center center no-repeat; }
.web_teachers .showDiv .info{ float:right; width:630px; padding-left:50px}
.web_teachers .showDiv .info h3{ font-size:60px; color:#000; padding:200px 0 10px}
.web_teachers .showDiv .info p{ font-size:28px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 26px; padding:20px 0 0 45px}
.web_teachers .showDiv .info .btn{ font-size:24px; color:#fff; background:#477bff; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.web_teachers .showDiv .info .btn span{ background:#242c43; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
.web_teachers .hd{width:109px;float:right; margin:190px 0 0 0}
.web_teachers .hd ul li{width:109px; margin:10px 0 0 0px; text-align:center; cursor:pointer}
.web_teachers .hd ul li.lxy{width:109px; height:125px; background:url(../images/web_lxy_small.png?v=1.0) no-repeat}
.web_teachers .hd ul li.lxy.on{width:109px; height:125px; background:url(../images/web_lxy_small_on.png?v=1.0) no-repeat}
.web_teachers .hd ul li.wpf{width:109px; height:125px; background:url(../images/web_wpf_small.png) no-repeat}
.web_teachers .hd ul li.wpf.on{width:109px; height:125px; background:url(../images/web_wpf_small_on.png) no-repeat}
.web_teachers .hd ul li.syp{width:109px; height:125px; background:url(../images/web_syp_small.png?v=1.0) no-repeat}
.web_teachers .hd ul li.syp.on{width:109px; height:125px; background:url(../images/web_syp_small_on.png?v=1.0) no-repeat}
@media only screen and (max-width: 1366px) {
.web_teachers {width:1200px; position: absolute;left:50%;top:50%; margin:-300px 0 0 -600px; background:url(../images/web_teachers_bg.png) no-repeat center bottom; height:570px;}
.web_teachers .bd{position:relative;float:left;}
.web_teachers .showDiv {position:relative;}
.web_teachers .showDiv .img{width:380px;float:left; padding-left:30px}
.web_teachers .showDiv img {width:324px;height:565px;background:url(../images/loading.gif) center center no-repeat; }
.web_teachers .showDiv .info{ float:right; width:630px; padding-left:0px}
.web_teachers .showDiv .info h3{ font-size:60px; color:#000; padding:120px 0 10px}
.web_teachers .showDiv .info p{ font-size:28px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 26px; padding:20px 0 0 45px}
.web_teachers .showDiv .info .btn{ font-size:24px; color:#fff; background:#477bff; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.web_teachers .showDiv .info .btn span{ background:#242c43; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
.web_teachers .hd{width:109px;float:right; margin:100px 0 0 0}
.web_teachers .hd ul li{width:109px; margin:10px 0 0 0px; text-align:center; cursor:pointer}
.web_teachers .hd ul li.lxy{width:109px; height:125px; background:url(../images/web_lxy_small.png?v=1.0) no-repeat}
.web_teachers .hd ul li.lxy.on{width:109px; height:125px; background:url(../images/web_lxy_small_on.png?v=1.0) no-repeat}
.web_teachers .hd ul li.wpf{width:109px; height:125px; background:url(../images/web_wpf_small.png) no-repeat}
.web_teachers .hd ul li.wpf.on{width:109px; height:125px; background:url(../images/web_wpf_small_on.png) no-repeat}
.web_teachers .hd ul li.syp{width:109px; height:125px; background:url(../images/web_syp_small.png?v=1.0) no-repeat}
.web_teachers .hd ul li.syp.on{width:109px; height:125px; background:url(../images/web_syp_small_on.png?v=1.0) no-repeat}
}
.ceshi_teachers {width:1200px; position:absolute;left:50%;top:50%; margin:-331px 0 0 -600px; background:url(../images/cesh_teacher_bg.jpg) no-repeat center bottom; height:662px;}
.ceshi_teachers .showDiv {position:relative;}
.ceshi_teachers .showDiv .info{ width:630px; padding-left:280px}
.ceshi_teachers .showDiv .info h3{ font-size:60px; color:#000; padding:220px 0 10px}
.ceshi_teachers .showDiv .info p{ font-size:28px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 26px; padding:20px 0 0 45px}
.ceshi_teachers .showDiv .info .btn{ font-size:24px; color:#fff; background:#497aeb; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.ceshi_teachers .showDiv .info .btn span{ background:#242c43; border-radius:5px; padding:3px 15px 4px; margin-left:8px}

@media only screen and (max-width: 1366px) {
.ceshi_teachers {width:1200px; position:absolute;left:50%;top:50%; margin:-292px 0 0 -600px; background:url(../images/cesh_teacher_bg1.jpg) no-repeat center bottom; height:584px;}	
.ceshi_teachers .showDiv {position:relative;}
.ceshi_teachers .showDiv .info{ width:630px; padding-left:220px}
.ceshi_teachers .showDiv .info h3{ font-size:60px; color:#000; padding:140px 0 10px}
.ceshi_teachers .showDiv .info p{ font-size:28px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 26px; padding:20px 0 0 45px}
.ceshi_teachers .showDiv .info .btn{ font-size:24px; color:#fff; background:#497aeb; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.ceshi_teachers .showDiv .info .btn span{ background:#242c43; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
}


.java_teachers_new {width:1200px; position: absolute;left:50%;top:50%; margin:-283px 0 0 -600px; background:url(../images/python_teachers_bg.jpg) no-repeat center bottom; height:566px;}
.java_teachers_new .bd{position:relative;float:left;}
.java_teachers_new .showDiv {position:relative;}
.java_teachers_new .showDiv .img{width:316px;float:left; padding-left:30px}
.java_teachers_new .showDiv img {width:316px;height:564px;background:url(../images/loading.gif) center center no-repeat; }
.java_teachers_new .showDiv .info{ float:right; width:570px; padding-left:30px}
.java_teachers_new .showDiv .info h3{ font-size:60px; color:#000; padding:140px 0 10px}
.java_teachers_new .showDiv .info p{ font-size:28px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 26px; padding:20px 0 0 45px}
.java_teachers_new .showDiv .info .btn{ font-size:24px; color:#fff; background:#3052db; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.java_teachers_new .showDiv .info .btn span{ background:#242c43; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
.java_teachers_new .hd{width:220px;float:left; margin:85px 0 0 0}
.java_teachers_new .hd ul{ position: relative; width:240px}
.java_teachers_new .hd ul li{width:100px; margin:20px 0 0 0px; text-align:center; cursor:pointer; float:left; margin-right:20px}
.java_teachers_new .hd ul li img{width:100px; height:100px; border:#ddd solid 1px}
.java_teachers_new .hd ul li.on img{ border:#3052db solid 1px}
.java_teachers_new .hd ul li p{ text-align:center; font-size:18px; color:#333; padding:5px 0 0 0}


.data_teachers_new {width:1200px; position: absolute;left:50%;top:50%; margin:-283px 0 0 -600px; background:url(../images/python_teachers_bg.jpg) no-repeat center bottom; height:566px;}
.data_teachers_new .bd{position:relative;float:left;}
.data_teachers_new .showDiv {position:relative;}
.data_teachers_new .showDiv .img{width:316px;float:left; padding-left:50px}
.data_teachers_new .showDiv img {width:316px;height:564px;background:url(../images/loading.gif) center center no-repeat; }
.data_teachers_new .showDiv .info{ float:right; width:630px; padding-left:50px}
.data_teachers_new .showDiv .info h3{ font-size:60px; color:#000; padding:140px 0 10px}
.data_teachers_new .showDiv .info p{ font-size:28px; color:#444;font-family:PingFang SC Regular; background:url(../images/teachers_ico.png) no-repeat 5px 26px; padding:20px 0 0 45px}
.data_teachers_new .showDiv .info .btn{ font-size:24px; color:#fff; background:#3052db; border-radius:5px; padding:0 10px 0 15px ; float:left; margin-top:40px; height:50px; line-height:50px; font-family:PingFang SC Regular; margin-left:5px }
.data_teachers_new .showDiv .info .btn span{ background:#242c43; border-radius:5px; padding:3px 15px 4px; margin-left:8px}
.data_teachers_new .hd{width:120px;float:left; margin:85px 0 0 0}
.data_teachers_new .hd ul li{width:120px; margin:20px 0 0 0px; text-align:center; cursor:pointer; float:left; margin-right:20px}
.data_teachers_new .hd ul li img{width:100px; height:100px; border:#ddd solid 1px}
.data_teachers_new .hd ul li.on img{ border:#3052db solid 1px}
.data_teachers_new .hd ul li p{ text-align:center; font-size:18px; color:#333; padding:5px 0 0 0}