@charset "gb2312";
/* CSS Document */

*{margin:0;padding:0;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{ font-family:"Microsoft Yahei",Arial; font-size:14px;overflow-x:hidden; color:#777; background:#fff}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s; transition:.3s;color:#666}
a:hover{color:#1e83df}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none;background: transparent}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#1e83df;}

.wrap{ width:1200px; margin:0 auto}
.header{
	/*position:fixed; */
	width:100%; background:#fff;left:0;top:0; z-index:999; box-shadow:0 0 15px rgba(0,0,0,0.25); -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.h_scroll{top:0;}
.header-top{ background:#1e83df; height:35px; line-height:35px; color:#fff; font-size:12px;}
.header-top a{ color:#fff; opacity:.95;display:inline-block;position:relative;}
.header-top a:first-child{ padding-right:10px; margin-right:10px;}
.header-top a:first-child::after{ content:""; width:1px; height:9px; background:#9b9b9b; position:absolute; right:0; top:13px}
.header-mid{ padding:25px 0; position:relative}
.header-mid .logo .img2{ display:none}
.logo img{ display:block}
.header-mid .right{margin-top:20px;}
.header-mid .hor li{ float:left; background:url(../images/hor.png) no-repeat left -5px; padding-left:40px; margin-left:15px; text-align:left; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden}
.header-mid .tel{ background:url(../images/tel.jpg) no-repeat left top;color:#595959; padding-left:45px; display:inline-block; margin-left:35px}
.header-mid .tel i{ font-style:normal}
.header-mid .tel span{ font-family:Arial; color:#333; display:block; font-size:24px; font-weight:bold}
.menu{ width:100%; border-top:1px solid #e8e8e8;line-height:63px; height:63px; background:#f5f5f5}
.menu .course_cl{ width:220px; position:relative}
.menu .course_cl h3{background:url(../images/icon_1.png) #1e83df no-repeat 25px center;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.menu .course_cl h3 a{ color:#fff; font-size:18px; display:block; padding-left:65px}
.menu .course_cl:hover h3{ background-color:#fc9e17;}
.menu .course_cl .sub{ position:absolute; width:100%; z-index:99; background:rgba(30,131,223,0.8); display:none}
.menu .course_cl .sub li{ border-bottom:1px dotted rgba(255,255,255,.6); line-height:45px}
.menu .course_cl .sub li:last-child{ border-bottom:none}
.menu .course_cl .sub li a{ color:#fff; display:block; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.menu .course_cl .sub li span{ display:block}
.menu .course_cl .sub li:hover a{ background:#fc9e17;}
.menu .course_cl .sub li:hover span{-webkit-animation:anim01 .6s;-moz-animation:anim01 .6s;animation:anim01 .6s;}
@keyframes anim01{
	0%{ -webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);transform:translateY(-3px);}
	100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
}
@-moz-keyframes anim01{
	0%{ -webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);transform:translateY(-3px);}
	100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes anim01{
	0%{ -webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);transform:translateY(-3px);}
	100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
}
@-o-keyframes anim01{
	0%{ -webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);transform:translateY(-3px);}
	100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
}
.menulist{ font-size:16px; width:calc(100% - 245px)}
.menulist li{ float:left; width:12.5%}
.menulist li a{ display:block; color:#333; text-align:center}
.menulist li a.cur{color:#1e83df;}
.menulist li:hover a{ background:#1e83df; color:#fff;}
.menu .zixun{ background:url(../images/icon_2.png) #1e83df no-repeat 18px center; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.menu .zixun a{color:#fff; display:block; padding-left:48px; padding-right:20px;}
.menu .zixun:hover{ background-color:#fc9e17;}
.header-mid,.logo .img1 img,.header-mid .right{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.h_scroll .header-mid{ padding:8px 0}
.h_scroll .logo .img1 img{ height:60px}
.h_scroll .header-mid .right{ margin-top:10px;}

.banner{ position:relative;
	/*margin-top:190px*/
}
.banner .slick-slide a{ display:block; /* height:590px;background-size:cover !important;*/}
.banner .slick-slide img{ display:block; width:100%; height:auto}
.banner .slick-prev, .banner .slick-next{ width:60px; height:90px; background:rgba(0,0,0,0.1) url(../images/ad_ctr.png) no-repeat 0 0; left:15%; margin-top:-45px; z-index:9;}
.banner .slick-next{ right:15%; left:auto;background:rgba(0,0,0,0.1) url(../images/ad_ctr.png) no-repeat 0 -90px;}
.mbanner{ position:relative;}
.mbanner .slick-slide a{ display:block;}
.mbanner .slick-prev, .mbanner .slick-next{ width:60px; height:90px; background:rgba(0,0,0,0.1) url(../images/ad_ctr.png) no-repeat 0 0; left:15%; margin-top:-45px; z-index:9;}
.mbanner .slick-next{ right:15%; left:auto;background:rgba(0,0,0,0.1) url(../images/ad_ctr.png) no-repeat 0 -90px;}
.mbanner img{ display:block; width:100%; height:auto; display:block}
.mbanner .slick-dots{ bottom:0}

.advantage{ background:#f2f2f2; height:145px}
.advantage .video{ width:220px; background:url(../images/videobg.jpg) no-repeat #1e83df center top; height:145px; font-size:18px; text-align:center; position:relative}
.advantage .video:before{ content:""; width:0; height:0; border-left:110px solid transparent;border-right:110px solid transparent;border-top:20px solid #0156a4; position:absolute; left:0;bottom:-20px}
.advantage .video a{ color:#fff; display:block; background:url(../images/vicon.png) no-repeat center 30px;padding-top:90px;}
.advantage ul{ width:980px;}
.advantage ul li{ width:25%; height:145px; float:left; border-right:1px solid #fff; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; text-align:center}
.advantage ul li .tit{ position:relative; color:#fff; width:145px; height:50px; margin:30px auto 0;font-size:16px;}
.advantage ul li .tit img{ position:absolute; left:0; top:0; z-index:2}
.advantage ul li .tit span{ background:#33beff; display:inline-block;line-height:35px; height:35px; width:100%; padding-left:55px; text-align:left;-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:absolute; left:0;top:8px; z-index:1}
.advantage ul li .intro{ padding:10px; line-height:20px; color:#757575}
.advantage ul li.li2 .tit span{ background:#ffbb33}
.advantage ul li.li3 .tit span{ background:#90c0b4}
.advantage ul li.li4 .tit span{ background:#ff6d33}
.i-course{ padding:60px 0 30px;}
.title{margin-bottom:35px;}
.title .wrap{border-bottom:1px solid #ddd;}
.title .tit{ font-size:25px; color:#222; margin-right:50px;}
.title .tit span{ border-bottom:2px solid #1e83df; padding-bottom:25px; display:inline-block; font-weight:bold}
.title .qlink{color:#1e83df;font-size:16px; padding-top:8px}
.title .qlink a{color:#1e83df; display:inline-block; margin-right:25px}
.title .qlink a:hover{color:#fc9e17}
.title .more a{ background:#1e83df; color:#fff; display:block; padding:5px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.title .more a:hover{background:#fc9e17;}
.i-course-list ul{ margin-right:-3%}
.i-course-list li{ float:left; width:30.33%; margin-right:3%; margin-bottom:3%}
.i-course-list li .pic{ background:#1e83df; color:#fff; padding:30px 25px 0; font-size:16px; line-height:30px; height:200px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; position:relative}
.i-course-list li .pic a{ color:#fff}
.i-course-list li .pic h3{ font-size:19px; margin-bottom:20px; padding-right:130px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.i-course-list li .pic h3 .line{ width:15px; height:1px; display:block; background:#fff; margin-top:10px;}

.i-course-list li .pic .icon{ width:130px; height:90px;position:absolute; right:25px; top:30px; text-align:right}
.i-course-list li .pic .icon img{ display:inline-block; max-width:100%;max-height:100%}
.i-course-list li .text{border: 1px #d4d4d4 solid;border-top: none;padding: 20px;}
.i-course-list li .text .infor{ line-height:30px; color:#666; height:90px; overflow:hidden}
.i-course-list li .course-lx{ margin-top:20px}
.i-course-list li .course-lx .lx1,.i-course-list li .course-lx .lx2{background:#1e83df; height:34px; line-height:34px; padding-right:15px; position:relative;}
.i-course-list li .course-lx a{ color:#fff; display:block}
.i-course-list li .course-lx i{ display:block; width:34px; height:34px; background-color:#014bae; float:left; margin-right:10px;}
.i-course-list li .course-lx .lx1,.i-course-list li .course-lx .lx2,.i-course-list li .course-lx i{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s}
.i-course-list li .course-lx .lx1:hover,.i-course-list li .course-lx .lx2:hover{ background:#fc9e17}
.i-course-list li .course-lx .lx1:hover i,.i-course-list li .course-lx .lx2:hover i{background:#ec8f08}
.i-course-list li .course-lx img{ display:block; animation:mymove infinite 2s}


.mnov li{ text-align: center;}




@keyframes mymove
{
0% {transform:translate(0px, 0px);}
50% {transform:translate(0px, -5px);}
100%{transform:translate(0px, 0px);}
}

@-moz-keyframes mymove /* Firefox */
{
0% {transform:translate(0px, 0px);}
50% {transform:translate(0px, -5px);}
100%{transform:translate(0px, 0px);}
}

@-webkit-keyframes mymove /* Safari 和 Chrome */
{
0% {transform:translate(0px, 0px);}
50% {transform:translate(0px, -5px);}
100%{transform:translate(0px, 0px);}
}

@-o-keyframes mymove /* Opera */
{
0% {transform:translate(0px, 0px);}
50% {transform:translate(0px, -5px);}
100%{transform:translate(0px, 0px);}
}
.i-course-list li.li2 .pic{ background:#5ba6ea}
/*.i-course-list li.li2 .pic .icon{ background:url(../images/course_icon.png) rgba(255,255,255,0.15) no-repeat 0 -102px; }*/
.i-course-list li.li3 .pic{ background:#589ede}
/*.i-course-list li.li3 .pic .icon{ background:url(../images/course_icon.png) rgba(255,255,255,0.15) no-repeat 0 -204px; }*/
.i-course-list li.li4 .pic{ background:#f5b16e}
/*.i-course-list li.li4 .pic .icon{ background:url(../images/course_icon.png) rgba(255,255,255,0.15) no-repeat 0 -306px; }*/
.i-course-list li.li5 .pic{ background:#e6aa7e}
/*.i-course-list li.li5 .pic .icon{ background:url(../images/course_icon.png) rgba(255,255,255,0.15) no-repeat 0 -408px; }*/
.i-course-list li.li6 .pic{ background:#e6c966}
/*.i-course-list li.li6 .pic .icon{ background:url(../images/course_icon.png) rgba(255,255,255,0.15) no-repeat 0 -510px; }*/
.i-course-list li.li7 .pic{ background:#2cbfc8}
/*.i-course-list li.li7 .pic .icon{ background:url(../images/course_icon.png) rgba(255,255,255,0.15) no-repeat 0 -612px; }*/
.i-course-list li.li8 .pic{ background:#61b6d9}
/*.i-course-list li.li8 .pic .icon{ background:url(../images/course_icon.png) rgba(255,255,255,0.15) no-repeat 0 -714px; }*/
.i-course-list li.li9 .pic{ background:#4294df}
/*.i-course-list li.li9 .pic .icon{ background:url(../images/course_icon.png) rgba(255,255,255,0.15) no-repeat 0 -816px; }*/
.i-course-list li.li10 .pic{ background:#e6b47e}
/*.i-course-list li.li10 .pic .icon{ background:url(../images/course_icon.png) rgba(255,255,255,0.15) no-repeat 0 -918px; }*/
.i-course-list li.li11 .pic{ background:#e5bc74}
.i-course-list li.li12 .pic{ background:#f5b16e}
.i-course-list li.li13 .pic{ background:#2cbfc8}

.i-course-list2{}
.i-course-list2 ul{ margin-right:-3%}
.i-course-list2 li{ float:left; width:30.33%; margin-right:3%; margin-bottom:3%;border: 1px #d4d4d4 solid; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.i-course-list2 li .pic{position:relative}
.i-course-list2 li .pic .img1{ display:block; width:100%; height:auto;}
.i-course-list2 li .pic .img2{ position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%}
.i-course-list2 li .txt{padding: 20px; background:#fff}
.i-course-list2 li .txt h3{ font-size:18px;font-weight: bold;color: #333;white-space:nowrap;overflow: hidden; text-overflow:ellipsis;}
.i-course-list2 li .course-lx{ margin-top:20px}
.i-course-list2 li .course-lx .lx1,.i-course-list2 li .course-lx .lx2{background:#1e83df; height:34px; line-height:34px; padding-right:15px; position:relative;}
.i-course-list2 li .course-lx a{ color:#fff; display:block}
.i-course-list2 li .course-lx i{ display:block; width:34px; height:34px; background-color:#014bae; float:left; margin-right:10px;}
.i-course-list2 li .course-lx .lx1,.i-course-list2 li .course-lx .lx2,.i-course-list li .course-lx i{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s}
.i-course-list2 li .course-lx .lx1:hover,.i-course-list2 li .course-lx .lx2:hover{ background:#fc9e17}
.i-course-list2 li .course-lx .lx1:hover i,.i-course-list2 li .course-lx .lx2:hover i{background:#ec8f08}
.i-course-list2 li .course-lx img{ display:block; animation:mymove infinite 2s}

.advertisement{ background:url(../images/ad_1.jpg) no-repeat center; background-size:cover; padding:45px 0}
.advertisement .p1{ color:#ffd73b; font-size:40px;font-weight:bold}
.advertisement .p2{ color:#fff; font-size:30px;}
.advertisement .p2 span{float:left}
.advertisement .p2 .span1{ padding-top:35px; padding-right:20px}
.advertisement .p2 .span2{ color:#fb4f4f; font-size:58px; font-weight:bold; padding-top:15px;}
.advertisement .shenqing{ margin-top:25px;}
.advertisement .shenqing a{ background:#fb4f4f; color:#fff; font-size:30px; padding:10px 50px 12px; display:block;-webkit-border-radius:35px;-moz-border-radius:35px; border-radius:35px; position:relative;}
.advertisement .shenqing span{ width:47px; height:65px; background:url(../images/icon_5.png) no-repeat; display:block; position:absolute; left:50%; margin-left:-23px;animation:mymove-1 infinite 2s}
.advertisement .shenqing a:hover{background:#ffbb33}
@keyframes mymove-1
{
0%{ transform:scale(1)}
50%{ transform:scale(0.9)}
100%{ transform:scale(1)}
}
@-webkit-keyframes mymove-1
{
0%{ transform:scale(1)}
50%{ transform:scale(0.9)}
100%{ transform:scale(1)}
}
@-moz-keyframes mymove-1
{
0%{ transform:scale(1)}
50%{ transform:scale(0.9)}
100%{ transform:scale(1)}
}
@-o-keyframes mymove-1
{
0%{ transform:scale(1)}
50%{ transform:scale(0.9)}
100%{ transform:scale(1)}
}
.advertisement_1{ margin-top:60px;}
.advertisement_1 img{ width:100%; height:auto; display:block}

.form-alert{ position:fixed; width:550px; height:350px; padding:30px; background:#073c91 url(../images/formbg02.png) no-repeat center; left:50%; margin-left:-275px;top:50%; margin-top:-175px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; z-index:99; display:none}
.form-alert .closed{ display:block; width:15px; height:15px; position: absolute; top:20px; right:20px; background:url(../images/close.png) no-repeat; background-size:15px auto; cursor:pointer; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.form-alert .signup-form{ width:60%; margin-top:70px;}
.form-alert .closed:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.form-bg{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.65);top:0;left:0; z-index:98; display:none}
.i-about{ padding:60px 0; background:#f3f3f3 url(../images/xbbg.png) repeat left top;}
.title_2{ text-align:center; font-size:35px; color:#222; margin-bottom:30px; font-weight:bold}
.i-about-cl{ text-align:center; margin-top:30px; margin-bottom:45px;}
.i-about-cl li{ display:inline-block; margin:0 3px}
.i-about-cl li a{ display:inline-block; width:150px; line-height:45px; text-align:center; border:1px solid #e8e8e8; font-size:18px; color:#333; background:#fff; border-radius:25px;}
.i-about-cl li:hover a,.i-about-cl li.active a{ background:#1e83df; color:#fff}
.i-about-hd{ height:0; overflow:hidden;display: none;}
.i-about-hd img{ max-width:100%; height:auto;}
.i-about-hd.active{ height:auto; display:block}
.i-about-intro{ position:relative}
.i-about-intro .pic{ position:absolute; left:0;top:50px; width:600px;}
.i-about-intro .pic img{ display:block; width:100%; height:auto}
.i-about-intro .pic .more{ position: absolute;left:252px; bottom:-25px;width:50px; height:50px;}
.i-about-intro .pic .more i{ background:#1e83df; width:100%; height:100%; display:block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.i-about-intro .pic .more img{ width:auto; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-12px;}
.i-about-intro .text{ width:77%; padding:60px 60px 60px 390px; border:1px solid #1e83df;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.i-about-intro .text h1{ font-size:24px; color:#333;}
.i-about-intro .text .jianj{ font-size:16px; color:#666; line-height:30px; margin-bottom:50px; margin-top:25px;}
.i-about-intro .text .more{ font-family:"Bebas"; color:#1e83df; font-size:14px;}
.i-teacher{ position:relative}
.i-teacher:before{ content:''; width:31.33%; height:100%; background:#e6e6e6; position:absolute; left:0; top:0}
.i-teacher .left{ width:31.33%;min-height:600px; position:relative;}
.i-teacher .left h3{ padding:50px 30px 0; color:#1e83df; font-size:28px;}
.i-teacher .left h3 .line{ width:25px; height:2px; background:#1e83df; display:block; margin-top:15px}
.i-teacher .left .pic{ text-align:center}
.i-teacher .left .pic img{ max-width:100%; height:auto}
.i-teacher .left .more{ margin:0 auto;display:block; width:150px; background:#1e83df; color:#fff; text-align:center; font-size:16px; line-height:45px; border-radius:5px}
.i-teacher .left .more:hover{background: #fc9e17;}
.i-teacher-list{ width:66%}
.i-teacher-list ul{ margin-right:-2%}
.i-teacher-list li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%;}
.i-teacher-list li .pic{ position:relative; overflow:hidden}
.i-teacher-list li .pic img{ width:100%; height:auto; display:block;}
.i-teacher-list li .pic .border{ position:absolute; top:0;left: 0;width: 100%;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 0;opacity: 0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-teacher-list li .tit{ background:#e6e6e6; color:#333; padding:15px; font-size:16px; position:relative; overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.i-teacher-list li .tit:before{ content:""; width:100%; height:100%; position:absolute;background:#1e83df; left:-100%; top:0;}
.i-teacher-list li .tit span{ position:relative}
.i-teacher-list li:nth-child(4),.i-teacher-list li:nth-child(5),.i-teacher-list li:nth-child(6){ margin-bottom:0}
.i-teacher-list li:hover .tit:before{ left:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-teacher-list li:hover .tit{ color:#fff}
.i-teacher-list li:hover .pic .border{border:3px solid #1e83df;opacity:1;}
.i-jxhj ul{ margin-right:-2%}
.i-jxhj li{ float:left; width:31.33%;  margin-right:2%; margin-bottom:2%}
.i-jxhj li .pic{position:relative; overflow:hidden}
.i-jxhj li .pic img{width:100%; height:auto; display:block;}
.i-jxhj li .pic .border{ position:absolute; top:0;left: 0;width: 100%;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 0;opacity: 0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-jxhj li .tit{ background:#fff; color:#333; padding:15px; font-size:16px; position:relative; overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; text-align:center}
.i-jxhj li .tit:before{ content:""; width:100%; height:100%; position:absolute;background:#1e83df; left:-100%; top:0;}
.i-jxhj li .tit span{ position:relative}
.i-jxhj li:hover .tit:before{ left:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-jxhj li:hover .tit{ color:#fff}
.i-jxhj li:hover .pic .border{border:3px solid #1e83df;opacity:1;}


.i-signup{ background:url(../images/signbg.jpg) no-repeat center; background-size:cover; height:390px;}
.i-signup .left{ padding-top:80px; width:calc(100% - 600px)}
.i-signup .left .p1{ color:#fff; border:1px solid #fff; font-size:20px; padding:12px 30px; margin-top:55px; display:inline-block}
.i-signup .right{ width:550px; height:390px; background:#073c91 url(../images/formbg02.png) no-repeat center 60px; color:#fff;font-size:15px;}
.i-signup .right h3{color:#fff; font-size:30px; text-align:center; padding:25px 0 25px;}
.i-signup .right h3 span{ position:relative; color:#fc9e17}
/*.i-signup .right h3 span:before{ content:""; width:15px; height:1px; background:#fc9e17; position:absolute; left:-25px; top:22px;}
.i-signup .right h3 span:after{ content:""; width:15px; height:1px; background:#fc9e17; position:absolute; right:-25px; top:22px;}*/
.i-signup .right h4{ text-align:center; font-size:20px; padding-top:35px; padding-bottom:15px}
.signup-form{ width:55%; margin:0 auto}
.signup-form .form-row{ width:100%; background:none; color:#fff; border:1px solid #00a0e9;line-height:38px; height:38px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; margin-bottom:12px;position:relative}
.signup-form .form-row input{ background:none; border:none;height:100%; position:absolute; left:0; top:0;color:#fff; width:100%; padding-left:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; z-index:1}
.signup-form .form-row label{ float:left; width:50px; padding-left:10px; position:relative; z-index:2}
.signup-form .form-row02{border:0;}
.signup-form .yzm{ height:100%;position:relative}
.signup-form .yzm input{background:none;border:1px solid #00a0e9;height:38px; line-height:38px;width:50%;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; position:absolute; left:0; top:0;padding-left:65px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; z-index:1}
.signup-form .yzm label{float:left; width:50px; padding-left:10px; position:relative; font-size:14px; z-index:2;}
.signup-form .yzm img{ cursor:pointer; position:absolute; left:53%;top:12px}
.signup-form .submit{text-align:center;}
.signup-form .submit input{background:#fc9e17; color:#fff; border:none; cursor:pointer; width:100%; line-height:35px; font-size:16px; font-weight:bold;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.i-news{ padding:60px 0;}
.i-news-cl{ text-align:center; margin-top:30px; margin-bottom:45px;}
.i-news-cl li{ display:inline-block; margin:0 3px}
.i-news-cl li a{ display:inline-block; width:150px;line-height:45px; text-align:center; border:1px solid #e8e8e8; font-size:18px; color:#333; background:#fff; border-radius:25px}
.i-news-cl li:hover a,.i-news-cl li.active a{ background:#1e83df; color:#fff}
.i-news-list .left{ width:45%; position:relative}
.i-news-list .left img{ display:block; width:100%; height:auto;}
.i-news-list .left .tit{ position:absolute; left:0; bottom:0; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;color:#fff; background:rgba(0,0,0,.4); width:100%; line-height:45px; padding-left:25px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.i-news-list .right{ width:50%}
.i-news-list .right li{ margin-bottom:40px;}
.i-news-list .right li:last-child{ margin-bottom:0}
.i-news-list .right .time{ width:65px; text-align:center; float:left}
.i-news-list .right .time .day{ color:#999; font-size:48px; font-family:"Bebas"; display:block; line-height:60px; letter-spacing:1px}
.i-news-list .right .time .year{ color:#666; font-size:14px;}
.i-news-list .right .text{ padding-left:120px; position:relative}
.i-news-list .right .text:before{ content:""; width:1px; height:100%; background:#d8d8d8; position:absolute; left:85px; top:0;}
.i-news-list .right .text .tit{ font-size:18px; color:#333; margin-bottom:15px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.i-news-list .right .text .intro{ line-height:24px; color:#666;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.i-news-list .right li:hover .tit{color:#1e83df}
.i-news-hd{ height:0; overflow:hidden;display: none;}
.i-news-hd.active{ height:auto; display:block}
.i-custumer{padding:60px 0; background:url(../images/bg3.jpg) no-repeat center; background-size:cover}
.i-custumer .title_2{ color:#fff}
.i-custumer-list ul{ margin-right:-2%}
.i-custumer-list li{ float:left; width:18%; margin-right:2%; margin-bottom:2%;float:left; background:#fff; border:1px solid #e8e8e8; text-align:center; height:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.i-custumer-list li img{ max-width:90%; max-height:90%; display:inline-block; vertical-align:middle; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.i-custumer-list li i{ width:0; height:100%; display:inline-block; vertical-align:middle}
.i-custumer .more a{ display:block; width:150px; margin:30px auto 0; border:1px solid #e8e8e8; color:#fff; font-size:16px; text-align:center; padding:13px 0; -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.i-custumer .more a:hover{background: #1e83df; color:#fff;border:1px solid #1e83df;}
.i-custumer-list li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.advertisement_2{background:#1e83df; position:relative; padding:20px 0}
.advertisement_2 .pic2{ position:absolute; left:50%; margin-left:-330px; top:50px}
.advertisement_2 .pic3{ margin-top:45px}
.advertisement_2 .tel{ display:none; color:#fff; font-weight:bold; font-size:30px; padding-left:30px;}
.advertisement_2 .tel a{color:#fff;}
.i-school{ padding:60px 0; background:#f3f3f3 url(../images/xbbg.png) repeat left top;;}

.i-school-list{ margin-right:-30px; position:relative; padding-bottom:30px; position:relative}
.i-school-list .item{ margin-right:30px;}
.i-school-list .item li{ margin-bottom:30px;}
.i-school-list .item li .pic{ position:relative; overflow:hidden}
.i-school-list .item li .pic img{ width:100%; height:auto; display:block}
.i-school-list .item li .pic .bg{ position:absolute; left:0;top:100%; width:100%; height:100%; background:rgba(255,255,255,0.5); z-index:2}
.i-school-list .item li .pic .zixun{ background:#fc9e17 url(../images/icon_9.png) no-repeat 26px center; color:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; position:absolute; left:50%; margin-left:-72px;top:50%; margin-top:-20px; padding:10px 25px 10px 55px; font-size:16px; z-index:3;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);}
.i-school-list .item li .tit{ background:#fff;border:1px solid #e8e8e8; text-align:center; font-size:16px; color:#333; padding:12px 5px; line-height:25px}
.i-school-list .item li .pic .bg{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.i-school-list .item li .pic .zixun{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s;}
.i-school-list .item li:hover .pic .bg{ top:0}
.i-school-list .item li:hover .pic .zixun{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.i-school-list .slick-dots li.slick-active button{ background:#1e83df;}
.i-school-list .slick-prev, .i-school-list .slick-next{ width:60px; height:90px; background:url(../images/ad_ctr.png) no-repeat 0 -180px; left:-80px; margin-top:-70px; z-index:9}
.i-school-list .slick-next{ right:-60px; left:auto;background:url(../images/ad_ctr.png) no-repeat 0 -270px;}
.i-school-list .slick-dots{ bottom:0}
.advertisement_3{ background: url(../images/ad3_bg.jpg) no-repeat center; background-size:cover; padding:35px 0 20px}
.advertisement_3 h3{ text-align:center; font-weight:bold; font-size:30px; color:#fff;}
.i-project{padding:60px 0; background:#fff}
#line3_Demo {
	MARGIN: auto;
	BACKGROUND: #fff;
	OVERFLOW: hidden;
}
.i-project #line3_Demo li{
	float: left;
	padding-right: 6px;
	padding-left: 6px;
}
.i-project #line3_Demo li img{ display:block; width:auto; height:300px; padding:5px; border:1px solid #e8e8e8}

#Indemo {
	WIDTH: 800%; FLOAT: left
}
#line3_Demo1 {
	FLOAT: left
}
#line3_Demo2 {
	FLOAT: left
}
.i-project .more a{display:block; width:150px; margin:30px auto 0; border:1px solid #e8e8e8; color:#666; font-size:16px; text-align:center; padding:13px 0; -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.i-project .more a:hover{background: #1e83df; color:#fff}


/**/
.i-job{ padding:60px 0; background:#f3f3f3 url(../images/xbbg.png) repeat left top;}
.i-job .title_2{ margin-bottom:0}
#demodee{ height:350px; overflow:hidden;}
.jobBox{ background:url(../images/juanz01.png) no-repeat left center, url(../images/juanz01.png) no-repeat right center; padding:30px 38px; height:530px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.jobBox_con{padding:30px 40px;; display:block; background:#f3f3e5}

.jobCon,.jobTit{overflow: hidden;}
.jobCon{width:100%; overflow:hidden}
.jobCon ul,.jobTit ul{margin: 0;}
.jobTit{
  /*background: -webkit-linear-gradient(left, #1d3485 , #1e83df , #1d3485);
  background: -o-linear-gradient(right, #1d3485 , #1e83df , #1d3485);
  background: -moz-linear-gradient(right, #1d3485, #1e83df , #1d3485);
  background: linear-gradient(to right, #1d3485 , #1e83df , #1d3485);*/
  background:#cd2416
}
.jobTit li{float: left;text-align: center; color: #FFF; font-size:18px; padding: 0; height: 60px; line-height:60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
.jobTit li:last-child{border-bottom:1px solid  #ccc;} 
.jobCon li{background: #FFF; text-align: center; font-size: 15px;} 

.jobCon li span{ float:left;height: 50px; line-height: 50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#fff;border:1px solid  #ddd; border-top: 0;border-right: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.jobCon li span:last-child{color:#cd2416; font-weight:bold}
.jobCon li span:nth-child(2n+1){ background:#fafafa}
.jobCon li span:first-child{ border-left:0}
.jobCon li:after{ content:""; clear:both; display:block;height:0; visibility:hidden}
.col-md-1 {width: 16%;} 
.col-md-2 {width: 17%;}
.col-md-3 {width: 25%;}


/*======================*/
/*.nbanner{ margin-top:190px}*/
.nbanner .tit{ color:#333; font-size:25px; margin-top:25px}
.nbanner .tit .en{ color:#999; font-size:12px; display:block}
.nbanner .location_2{ height:60px; line-height:60px;background:url(../images/home.png) no-repeat left center; padding-left:20px}
.course-nav{ border:1px solid #e8e8e8; margin-bottom:30px;}
.course-nav h3{background: #1e83df; color:#fff; font-size:24px; line-height:55px; padding:0 1%; text-align:center}
.course-nav h3 a{ color:#fff}
.course-nav ul{ padding:20px 0 10px}
.course-nav li{ float:left; width:23%; margin:0 1% 15px; font-size:16px}
.course-nav li a{ display:block;padding-left:15px;position:relative}
.course-nav li a:before{ content:""; width:5px; height:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background:#1e83df; position:absolute; left:0; top:8px;}
.course-nav li:hover a,.course-nav li.cur a{ color:#1e83df;}

/*内页高端课程*/
.course-nav02{overflow: hidden; margin-bottom: 30px;}
.course-nav02 h3{display: block; color: #fff; font-size: 17px; padding-left: 30px; background: #1e83df; height: 50px; line-height: 50px;}.course-nav02 ul{margin: 0; border: 1px solid #E7E7E7; padding: 20px;}
.course-nav02 ul li{ border-bottom: 1px solid #E7E7E7; margin-bottom: 15px; padding: 0;}
.course-nav02 ul li span{background: #E7E7E7;height: 38px;line-height: 38px;display: block; padding-left: 15px;}
.course-nav02 .col-l { width: 16%;float:left;}
.course-nav02 .col-r { width: 84%;float:left}
.course-nav-sub{float: left;}
.course-nav-sub dl{margin: 0;}
.course-nav-sub dl dd{float: left;height: 38px;line-height: 38px;}
.course-nav-sub dl dd a{ padding: 0 8px;}
/*--产品详情页--*/
.course-details{overflow: hidden; margin-bottom: 30px;}
.course-details h2{font-size: 28px; color: #333; padding-bottom:20px; line-height:40px; display: block;}
.course-details .col-l{float:left;width: 42%;}
.course-details .col-l img{ width:100%; display:block}
.course-details .col-r{ float:right; width:50%;}

.course-details{line-height: 24px;}
.course-details img{max-width: 100%;}
.course-details .zixun{overflow: hidden; padding: 20px 0 0;}
.course-details .zixun ul{margin: 0;}
.course-details .zixun ul li{float: left; cursor: pointer;font-size: 18px;}
.course-details .zixun ul li a{ display:block;padding: 10px 40px;border-radius: 8px;}
.course-details .zixun ul li:first-child a{ background: #dd2727; border: 1px solid #dd2727;color: #fff;}
.course-details .zixun ul li:last-child a{ background: #fce9e9;  border: 1px solid #dd2727;margin-left: 30px;}
.course-details .zixun ul li:last-child a:hover{ color:#dd2727}
.course-details .col-l-2{width: 73%;}
.course-details .col-r-2{width: 23%;}
.course-details .table td{ padding:10px 15px; border:1px solid #e8e8e8}
.course-details .table .tit{background: #1e83df; color:#fff; font-size:20px; text-align:center}
.course-details .table .ltit{ font-size:15px}

.course-content{ overflow: hidden;line-height: 30px; font-size:15px}
.course-content img{max-width: 100%;}
.course-details .biaoti{display: block; border-bottom: 1px solid #E7E7E7; font-size: 21px;color: #222; line-height: 40px; padding-left:20px; margin:20px 0; position:relative}
.course-details .biaoti:before{ content:""; width:5px; height:18px; background:#dd2727; position:absolute; left:0;top:12px;}
.course-details .biaoti em {float: right;font-style: normal;font-size: 14px;}
.courselist02{overflow: hidden; padding-bottom: 30px;}
.courselist02 ul{margin: 0;}
.courselist02 ul li{float: left; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #E7E7E7;}
.courselist02 ul li .list-img{width: 100%; position: relative;}
.courselist02 ul li .list-img img{max-width: 100%;}
.kecheng ul li dt{font-size: 22px;  color: #333;}
.courselist02 ul li dt b{font-weight: normal;}
.courselist02 ul li em{font-size: 14px; font-style: normal; line-height: 25px;}
.courselist02 ul li span{font-size: 14px;display: block; line-height: 25px; text-align: center;}
.newslist02 li{ line-height:30px;}
.newslist02 h3{ float:left; width:calc(100% - 75px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; padding-left:15px; position:relative; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.newslist02 h3:before{ content:""; width:5px; height:5px; background:#ccc; border-radius:50%; position:absolute; left:0;top:12px}
.newslist02 .time{ font-size:12px; color:#999}


.teamlist{overflow: hidden;}
.teamlist ul{ margin-right:-2%}
.teamlist li{float: left; width:23%; margin-right:2%; margin-bottom: 2%; position:relative}
.teamlist li .pic{width: 100%; position: relative;}
.teamlist li .pic img{width: 100%; display:block}
.teamlist li .text{position: absolute;bottom: 0; background-color: rgba(0,0,0,0.6); color: #FFF; width: 100%; height: 40px; transition:0.6s;-webkit-transition: 0.6s;}
.teamlist li:hover .text{height: 160px;}
.teamlist li .text h4{ text-align: center; display: block; height: 40px; line-height: 40px; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.teamlist li .text .intro{line-height: 24px;padding: 0 10px 10px 10px;font-size: 14px;}

.main{ padding:0 0 50px;}
.main_2{ background:#f5f5f5;padding:30px 0 50px;}
.main_3{padding:30px 0 50px;}
.ntitle{ text-align:center; font-size:30px; line-height:60px; color:#333; margin-bottom:35px; position:relative}
.ntitle:after{ content:""; width:30px; height:3px; background:#1e83df; display:block; margin:0 auto}
.ntitle span{ display:inline-block; position:relative}
/*.ntitle span:before{content:""; width:15px; height:1px; display:block; position:absolute; background:#1e83df; left:-40px; top:50%}
.ntitle span:after{content:""; width:15px; height:1px; display:block; position:absolute; background:#1e83df; right:-40px; top:50%}*/
.ntitle_s{ text-align:center; font-size:18px; margin-top:-20px; margin-bottom:30px; color:#666}
.mian-con,.mian-con-2{ font-size:16px; line-height:30px;}
.mian-con img,.mian-con-2 img{ max-width:100%; height:auto}
.nadvantage{ background:#fff}
.nadvantage li{ width:100%; background:#fff}
.nadvantage li .pic{ width:50%; float:left}
.nadvantage li .pic img{ width:100%; height:auto; display:block}
.nadvantage li .text{ width:42%; padding-right:3%; padding-left:3%; float:right;}
.nadvantage li .text h3{ margin-top:10%; font-weight:bold; color:#333; margin-bottom:20px}
.nadvantage li .text h3 span{ display:inline-block; background:#1e83df; color:#fff; padding:5px 20px; position:relative}
.nadvantage li .text h3 span:after{ content:""; width:0; height:0;border-right:40px solid transparent; border-bottom:40px solid #1e83df; position:absolute; right:-40px; top:0}
.nadvantage li .text .intro{ font-size:14px; color:#666; line-height:26px;}
.nadvantage li:nth-child(2n) .pic{ float:right}
.nadvantage li:nth-child(2n) .text{ float:left}
.courselist li{font-size:14px}
.left-nav{ width:220px;}
.left-nav h3{ background:#1e83df url(../images/icon_1.png) no-repeat 15px 22px; color:#fff; padding-left:45px; padding-top:15px; padding-bottom:15px;border-bottom:1px solid #fff}
.left-nav li{background: #f5f5f5; border-bottom:1px solid #fff}
.left-nav li a{ color:#333; display:block; padding:5px 5px 5px 15px; position:relative;}
.left-nav li a:before{ content:""; width:10px; height:1px; background:rgba(255,255,255,0.5); position:absolute; left:15px; top:20px; opacity:0}
.left-nav li:hover a,.left-nav li.cur a{ background:#1e83df; color:#fff; padding-left:35px;}
.left-nav li:hover a:before,.left-nav li.cur a:before{ opacity:1;}
.left-nav.scroll{ position:fixed; top:0; z-index:9}
.courseCon .left{ width:100%;}
.courseCon .newtit{ text-align:left; border-bottom:1px solid #e8e8e8; font-size:22px; padding-bottom:15px; padding-left:15px; margin-bottom:30px;position:relative}
.courseCon .newtit:before{ content:""; width:5px; height:17px;background: #1e83df;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:absolute; left:0; top:7px}
.courseCon .tit_f{ background:#ff6d33;color:#fff; font-weight:bold; text-align:center; font-size:22px; padding:15px; margin:30px 0}
.newsConTab .tit_f:first-child{ margin-top:0}
.courseCon .right{ width:20%; float:right}


.nav{ text-align:center; margin-bottom:30px;font-size:0}
.nav ul{ display:inline-block;}
.nav ul li{ float:left; margin-right:1px; margin-bottom:1px;}
.nav ul li a{ display:block; padding:10px 25px; font-size:18px; background:#1e83df;color:#fff;line-height:30px;}
.nav ul li:last-child a{border-right:none}
.nav ul li.cur a,.nav ul li:hover a{ background:#fc9e17;}
.newslist li{ padding:20px 0; border-bottom:1px solid #e8e8e8;}
.newslist li .pic{ width:28%; overflow:hidden}
.newslist li .pic img{ display:block; width:100%}
.newslist li .text{ width:68%;}
.newslist li .text h3{ color:#333; font-size:18px}
.newslist li .text .intro{ font-size:15px; line-height:26px; margin-top:20px; color:#666}
.newslist li .text .time{ font-size:13px; color:#666; padding-right:20px}
.newslist li .text .more{ font-size:14px; background:#1e83df; color:#fff; display:inline-block; padding:2px 30px;-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px; margin-top:40px;}
.newslist li,.newslist li .text .more,.newslist li .text h3,.newslist li .pic img{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.newslist li:hover h3{ color:#1e83df}
.newslist li .text .more:hover{ background:#fff; border:1px solid #1e83df; color:#1e83df}
.newtit{ font-size:28px; margin-top:2%; line-height:40px; color:#666; text-align:center}
.location{ margin:20px 0; border:1px dotted #d8d8d8; text-align:center; font-size:14px; color:#999; line-height:45px}
.newsCon{ margin-top:30px;}
.newsCon-top{ margin-bottom:40px}
.newsCon-top .pic{ width:40%; border:1px solid #e8e8e8}
.newsCon-top .pic img{ display:block}
.newsCon-top .text{ width:55%}
.newsCon-top .text .tit{ font-size:26px; margin-bottom:20px; color:#333}
.newsCon-top .wxcon{ background:#f5f5f5; border:1px solid #d8d8d8; padding:15px; margin-top:30px;font-size:14px}
.newsCon-top .wxcon img{ float:left; max-height:130px; display:block; margin-right:15px; }
.newsCon-top .wxcon .tel{ font-size:20px; font-weight:bold; color:#ff6d33;}
.zixun_1{ margin-top:30px;}
.zixun_1 li{ float:left; margin-right:15px}
.zixun_1 li a{ display:block;border:1px solid #ff6d33; color:#ff6d33;padding:5px 25px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative; overflow:hidden;}
.zixun_1 li a .bg{ position:absolute; width:100%; height:100%; left:0; top:0;background: #ff6d33;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.zixun_1 li a span{ position:relative}
.zixun_1 li a:hover,.zixun_1 li:first-child a{color:#fff}
.zixun_1 li a:hover .bg,.zixun_1 li:first-child a .bg{ -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.n-signup{ margin-top:30px;}
.n-signup .form-col{width:46%; margin-right:3%; float:left;margin-bottom: 25px;position: relative; line-height:40px; font-size:15px}
.n-signup .form-col label{
    float: left;
    width: 50px;
    padding-left: 20px;
    position: relative;
    z-index: 2;
}
.n-signup .form-col input {
    border: 1px solid #ddd;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-left: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;
    z-index: 1;
}
.n-signup .form-col .yzm input{ padding-left:65px; width:60%}
.n-signup .form-col .yzm img{ float:right; margin-top:15px; margin-right:20%}
.n-signup .form-col .submit input{ padding:0;background: #1e83df; color:#fff;font-size:16px; cursor:pointer; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.n-signup .form-col .submit input:hover{background: #ff6d33;}

.coursetit{ background:#f5f5f5; margin-bottom:30px;position:relative;}
/*.coursetit:before{ content:""; display:block; width:96%; height:1px; left:2%; position:absolute; bottom:20px; border-bottom:1px dashed #ddd;}*/
.coursetit li{ float:left; width:50%; font-size:22px;/* height:70px;*/}
.coursetit li a{ display:block;/*line-height:46px;color:#333;*/-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; text-align:center; position:relative}
/*.coursetit li i{ width:8px; height:8px; display:block; border-radius:50%; background:#999; position:absolute; left:50%; margin-left:-3px; bottom:-8px}
.coursetit li i:after{ content:""; padding:6px; border:1px solid #999; display:block; border-radius:50%; position:relative; left:-3px;top:-3px}*/
.coursetit li:hover a{ font-weight:bold}
.coursetit li:hover i{background:#ff6d33}
.coursetit li:hover i:after{border:1px solid #ff6d33;}
/*.coursetit li.active{background:#1e83df}
.coursetit li.active a{ color:#fff}
.coursetit li.active i{ background:#fff}
.coursetit li.active i:after{ border:1px solid #fff}*/
.coursetit li a{ display:block;box-shadow: 0 5px 0 #ec571c; color:#fff; line-height:55px;border:1px solid #ff9166; border-bottom:none;
background: #ff6d33;
background: -webkit-linear-gradient(#ff6d33, #ff6d33);
background: -o-linear-gradient(#ff6d33, #ff6d33);
background: -moz-linear-gradient(#ff6d33, #ff6d33);
background: linear-gradient(#ff6d33, #ff6d33);

}
.coursetit.cor_scroll{ position:fixed; top:0;width:100%; left:0;z-index:98; box-shadow:0 0 15px rgba(0,0,0,0.25)}
.newsConTab{ height:0; overflow:hidden;}
.newsConTab.active{ height:auto}


.tit_1{background: #e4f2ff; line-height:50px; margin:15px 0;padding:0 15px; font-weight:bold; color:#017ae9;font-size: 18px;}
.mian-con-2{ position:relative;background:#fff; z-index:10;}

.advantage_1 .tit{ text-align:center; color:#333; font-size:30px; position:relative; margin:30px 0}
.advantage_1 .tit:before{ content:""; width:100%; height:1px; background:#e5e5e5; position:absolute; left:0; top:15px;}
.advantage_1 .tit span{ display:inline-block; background:#fff; padding:0 25px; position:relative}
.advantage_1 .tit span:before{ content:""; width:6px; height:6px; background:#e5e5e5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; position:absolute; left:0; top:12px;}
.advantage_1 .tit span:after{ content:""; width:6px; height:6px; background:#e5e5e5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; position:absolute; right:0; top:12px;}
.advantage_1 .kuai{ margin-bottom:20px}
.advantage_1 .kuai:last-child{ margin-bottom:0}
.advantage_1 .kuai img{ display:block}
.ppys{ margin-bottom:30px;}
.ppys ul{ margin-right:-1%}
.ppys li{ float:left; width:13.28%; margin-right:1%; text-align:center}
.ppys li .iconBox{ border:1px solid #017ae9; background:#017ae9; color:#fff; padding:15px 15px 10px; font-size:15px}
.ppys li .iconBox .icon{ width:45px; height:45px;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;display:block; margin:0 auto 10px}
.ppys li .text{border:1px solid #017ae9; padding:12px; font-size:14px;line-height: 24px;color: #7d7e80; min-height:70px}
.ppys .li1 .iconBox .icon{ background:url(../images/ad_icon.jpg) #fff no-repeat 0 center}
.ppys .li2 .iconBox .icon{ background:url(../images/ad_icon.jpg) #fff no-repeat -45px center}
.ppys .li3 .iconBox .icon{ background:url(../images/ad_icon.jpg) #fff no-repeat -90px center}
.ppys .li4 .iconBox .icon{ background:url(../images/ad_icon.jpg) #fff no-repeat -135px center}
.ppys .li5 .iconBox .icon{ background:url(../images/ad_icon.jpg) #fff no-repeat -180px center}
.ppys .li6 .iconBox .icon{ background:url(../images/ad_icon.jpg) #fff no-repeat -225px center}
.ppys .li7 .iconBox .icon{ background:url(../images/ad_icon.jpg) #fff no-repeat -270px center}


.video ul{ margin-right:-2%}
.video li{ float:left; width:48%; margin-right:2%; margin-bottom:2%;text-align:center; background:#fff;}
.video li .pic{ position:relative; overflow:hidden}
.video li .pic img{ width:100%; height:auto; display:block}
.video li .pic .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6)}
.video li .pic .icon{ width:80px; height:80px; background:url(../images/vicon_b.png) no-repeat; background-size:cover; position:absolute; left:50%; margin-left:-40px;top:50%; margin-top:-40px;}
.video li p{ font-size:16px; padding:10px 5px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.video li .pic img,.video li .pic .bg,.video li .pic .icon{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.video li:hover .pic .bg{background:rgba(0,0,0,0)}
.video li:hover .pic .icon{ opacity:0}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position: relative;z-index: 9999999;margin: 0 auto;top:25%;display: table;width: 65%;}
.video-close{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; top:3%; right:3%; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}

.baselist ul{ margin-right:-2%}
.baselist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; text-align:center;}
/*.baselist li .pic{ position:relative; overflow:hidden;}*/
.baselist li .pic{ position:relative; overflow:hidden;max-height: 216px;}
.baselist li .pic img{ display:block; width:100%; height:auto;}
.baselist li .border{ position:absolute; width:100%; height:100%; border:3px solid #fff; left:0; top:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; opacity:0}
.baselist li .tit{ background:#f5f5f5; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative}
.baselist li .tit span{ position:relative}
.baselist li .tit:before{ content:""; width:100%; height:100%; position:absolute; left:-100%;top:0;background:#1e83df;}
.baselist li .tit:before,.baselist li .tit,.baselist li .border{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.baselist li:hover .tit:before{ left:0}
.baselist li:hover .tit{ color:#fff}
.baselist li:hover .border{border:3px solid #1e83df; opacity:1}
.teacherslist ul{ margin-right:-2%}
.teacherslist li{ float:left; width:23%; margin-right:2%; margin-bottom:2%;box-shadow:0 0 15px rgba(0,0,0,0.1)}
.teacherslist li .pic{ position:relative}
.teacherslist li .pic:before{ content:"";width:100%; height:50px; position:absolute; left:0; bottom:0; background:url(../images/teacherC_2.png) no-repeat; background-size:cover}
.teacherslist li .pic img{ width:100%; height:auto; display:block}
.teacherslist li .text{padding:15px; padding-bottom:78px; background:url(../images/teacherC.png) no-repeat left bottom; background-size:100% auto; height:160px; overflow:hidden}
.teacherslist li .text h3{ font-size:18px; color:#4d4d4d; margin-bottom:20px; font-weight:bold;position:relative}
.teacherslist li .text h3:after{ content:""; width:15px; height:2px;background: #1e83df; display:block; margin-top:5px}
.teacherslist li .text .intro{ font-size:14px; color:#808080; line-height:26px}
.teacherslist li,.teacherslist li .text h3,.teacherslist li .text h3,.teacherslist li .text h3:before,.teacherslist li .text .intro{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.teacherslist li:hover .text h3{ color:#1e83df}
.teacherslist li:hover{ -webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);transform:translateY(-5px);}
.teacherslist_1 li{ width:31.33%}

.contact-con{ line-height:30px; font-size:16px;}
.contact-top{ background:#f5f5f5; position:relative;}
.contact-top .left{ width:49%;background: #1e83df; color:#fff; position: absolute; left:0;top:0; height:100%; font-size:30px; font-weight:bold; overflow:hidden;border-bottom-left-radius:15px}
.contact-top .left .en{ font-size:20px; font-weight:normal; display:block; padding-top:15px}

.contact-top .left h3{ font-weight:bold; background:url(../images/contitbg.png) no-repeat; padding-top:10%; padding-left:5%; height:100%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.contact-top .right{ width:48%; padding-top:5%; padding-bottom:5%;}
.contact-top .right .p1{ font-size:24px; color:#333; margin-bottom:20px}
.contact-top .right strong{ font-size:20px; font-family:Arial}
.contact-list{ width:102%; margin-top:30px;}
.contact-list .kuai{background:#f5f5f5; float:left; width:48%; margin-right:2%; margin-bottom:2%}

.contact-list .left .company{border-left:5px solid #1e83df; font-size:24px; color:#333; padding-left:25px; margin:50px 5% 35px; font-weight:bold}
.contact-list .left .text{ padding:0 5% 5%; min-height:260px}
.contact-list .left .text p{ margin-bottom:10px}
.contact-list .left .text .add{ background:url(../images/contact_icon.png) no-repeat left 5px; padding-left:50px}
.contact-list .left .text .bus{ background:url(../images/contact_icon2.png) no-repeat left 5px; padding-left:50px;min-height: 270px;}
.contact-list .left .text .subway{ background:url(../images/contact_icon3.png) no-repeat left 5px; padding-left:50px}

#allmap,#allmap2,#allmap3{width: 100%;height:350px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:14px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
.BMap_bubble_content{ color:#666; font-size:14px; line-height:22px;}
.pages_2{ border-top:1px solid #e8e8e8; margin-top:30px; padding-top:10px; font-size:14px; position:relative}
.pages_2 .back{ position:absolute; right:0; top:20px; padding:3px 25px; border:1px solid #e8e8e8; -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.pages_2 .back:hover{ background:#1e83df; color:#fff}
/*======================*/
.footer{color:#ccc; line-height:30px;}
.footer-top{background:#292929; padding-bottom:30px;padding-top:40px;}
.f-nav{ width:58%}
.f-nav li{ float:left;}
.f-nav li.li1{ width:16%}
.f-nav li.li2{ width:18%;}
.f-nav li.li3{ width:66%}
.f-nav li h3{ color:#fff; font-size:16px; margin-bottom:20px;}
.f-nav li p a{ color:rgba(255,255,255,.8)}
.f-nav li p a:hover{color:#1e83df}
.f-nav li .sub li{ width:48%; margin-right:2%;}
.f-nav li .sub li a{ color:rgba(255,255,255,.8)}
.f-nav li .sub li a:hover{color:#1e83df}
.f-contact{ width:40%}
.f-contact .wx{ border:1px solid #595959; padding:10px 10px 20px; position:relative}
.f-contact .wx img{ width:115px; height:auto; display:block}
/*.f-contact .wx p{ display:inline-block; background:#212121; width:115px; text-align:center; position:absolute; bottom:-8px;}*/
.f-contact .wx p{ display:inline-block;  width:115px; text-align:center; position:absolute; bottom:-5px;}
.f-contact .text{ padding-left:170px; line-height:28px;color:rgba(255,255,255,.8)}
.f-contact .text h3{color:#fff; font-size:16px; margin-bottom:20px;}
.f-contact .text .tel{ font-size:16px; color:#fc9e17}
.f-contact .text .tel a{color:#fc9e17}
.friendlink{ color:#999; margin-top:40px; border-top:1px solid #333; padding-top:20px}
.friendlink a{ color:#999; position:relative; padding-right:10px; margin-right:10px;}
.friendlink a:hover{color:#1e83df}
.friendlink a:after{ content:""; width:1px; height:12px; background:#737373; display:block; position:absolute; right:0; top:4px;}
.footer-bot{ background:#222; padding:15px 0}
.footer-bot a{ color:#ccc}
.footer-bot a:hover{ color:#1e83df}
.float_kf{ position: absolute;height:297px;width:100px;z-index:1000}
.float_kf li{ width:70px; text-align:center;border-bottom:1px solid rgba(255,255,255,0.3);background:#1e83df;padding:12px 0;color:#fff; position:relative; font-size:14px}
.float_kf li a{ color:#fff; display:block}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{background: #ff6d33;}

.float_kf li .hd{ display:none}

.float_kf .qq i{ width:24px; height:25px; background:url(../images/right_pic5_.png) no-repeat; margin:0 auto 6px; display:block}
/*.float_kf .qq:hover i{background:url(../images/right_pic5_h.png) no-repeat;}*/
.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right_pic2_h.png) no-repeat; margin:0 auto 6px; display:block}
/*.float_kf .fwh:hover i{background:url(../images/right_pic2_h.png) no-repeat;}*/
.float_kf .fwh .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:15px;color:#535353}
.float_kf .fwh .hd img{ width:120px; display:block;}
.float_kf .mes i{ width:24px; height:25px; background:url(../images/right_pic7_h.png) no-repeat; margin:0 auto 6px; display:block}
/*.float_kf .mes:hover i{background:url(../images/right_pic7_h.png) no-repeat;}*/

.float_kf .tel i{ width:25px; height:25px; background:url(../images/right_pic1_h.png) no-repeat; margin:0 auto 6px; display:block}
.m-footer .li2 a {background:url(../images/right_pic1_h.png) no-repeat ; }
/*.float_kf .tel:hover i{background:url(../images/right_pic1_h.png) no-repeat;}*/
.float_kf .tel .hd{ background:#ff6d33; color:#fff; font-size:18px; position:absolute;right:70px;top:0;text-align:left;padding:16px 30px; width:200px}
.float_kf .tel .hd span{ float:left}
.float_kf .tel .hd p{ float:left; margin-left:20px}
.float_kf .backtop{background:#1e83df;border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right_pic6.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#fff}

@font-face{font-family:'Bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),url("../fonts/bebas.woff2") format("woff2"),url("../fonts/bebas.woff") format("woff"),url("../fonts/bebas.ttf") format("truetype"),url("../fonts/bebas.svg#BEBAS") format("svg");
}

.float-bottom{ position:fixed; width:100%;left:0;bottom:0;background:rgba(29,52,133,.85);color:#fff; padding:15px 0; z-index:98;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float-bottom .wrap{ position:relative}
.float-bottom .left{ width:100%}
.float-bottom .left h4{ font-size:30px; line-height:30px; font-weight:bold; color:#fc9e17; text-align:center}
.float-bottom .left h5{ font-size:16px;}
.float-bottom .right{float:right; width:100%; padding-top:12px}
.float-bottom .item{ position:relative;margin-right:10px; float:left; width:30%}
.float-bottom .right-con{ display:flex; display:-webkit-flex; align-items:center; justify-content:center}

.float-bottom label{ position:absolute; left:0; color:#999; line-height:35px; padding-left:10px;font-size: 14px;}
.float-bottom .inp{ width:100%; border:1px solid #fff; background:#fff; line-height:33px; padding-left:45px; font-size: 14px; padding-right:5px; color:#999; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.float-bottom .inp02{ width:50px; padding-left:60px}
.float-bottom .yzm img{ padding-left:5px; width:40px;}
.float-bottom .submit{ margin-right:0; width:auto}
.float-bottom .submit-btn{display:block; width:100px; background:#fc9e17; border:2px solid #fc9e17; color:#fff;line-height:31px; font-size:16px; cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.float-bottom .submit-btn:hover{border-radius:25px;}
.float-bottom .close, .float-bottom .m-close{ width:25px; height:25px; border-radius:50%; border:1px solid rgba(255,255,255,.6); position:absolute; top:15px; right:-30px; cursor:pointer}
.float-bottom .m-close{ display:none; right:0;top: 0;}
.float-bottom .close:before, .float-bottom .m-close:before{ content:""; width:15px; height:1px; background:#fff; position:absolute; left:5px;top:12px; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.float-bottom .close:after, .float-bottom .m-close:after{ content:""; width:15px; height:1px; background:#fff; position:absolute; left:5px;top:12px; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.float-hide{position:fixed; z-index:1000; background:rgba(29,52,133,.85); color:#fff; position:fixed; left:-100%;bottom:0; width:115px; height:95px; border-top-right-radius:45px; border-bottom-right-radius:45px; cursor:pointer; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.float-hide>div{ width:85px; height:85px; background:#fc9e17; border-radius:50%;top:5px; position:absolute; right:10px; text-align:center; font-size:20px; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
.float-bottom.hide{ opacity:0; visibility:hidden}
.float-hide.show{ left:0}
.float-bottom.show{ display:block}



.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color: #125ebc;background-color:#fff;border:1px solid #ddd;margin-left:-1px}  .pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}  .pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}  .pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#18BC9C;background-color:#ecf0f1;border-color:#ddd}  .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#b4bcc2;background-color:#f5f5f5;border-color:#ddd;cursor:default}  .pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#b4bcc2;background-color:#fff;border-color:#ddd;cursor:not-allowed}  .pagination-lg>li>a,.pagination-lg>li>span{padding:8px 16px;font-size:18px;line-height:1.3333333}  .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}  .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}  .pagination-sm>li>a,.pagination-sm>li>span{padding:2px 8px;font-size:12px;line-height:1.5}  .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}  .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}  .pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}  .pager li{display:inline}  .pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:0}  .pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#ecf0f1}  .pager .next>a,.pager .next>span{float:right}  .pager .previous>a,.pager .previous>span{float:left}  .pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#b4bcc2;background-color:#fff;cursor:not-allowed}