@charset "gb2312";
/* CSS Document */
.menulist li.liv{ display:none}
.header-mid .wrap{ position:relative}
.m-menubtn{ position: absolute;top:23px; right:0; width:45px; height:36px; background:#1e83df; border-radius:5px; display:none}
.m-menubtn span{position: absolute;display: block;width: 22px;height: 2px;background-color: #fff;left:12px; transition: all .5s ease;margin: 0;}
.m-menubtn .line1{top:11px;-webkit-transform-origin:5px 0;-ms-transform-origin:5px 0;transform-origin:5px 0;}
.m-menubtn .line2{top: 17px;}
.m-menubtn .line3{top: 23px;-webkit-transform-origin: left 0;-ms-transform-origin: left 0;transform-origin: left 0;}
.m-menubtn.active .line1 {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.m-menubtn.active .line2{ opacity:0}
.m-menubtn.active .line3{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}

.m-menu{ background:#fff; position:fixed; left:0;top:0; width:100%; height:100%;display:none; overflow-y:auto; overflow-x:hidden; z-index:99}
.m-menu ul{ width:100%;padding-top:80px; overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}

.m-menu .menu_a{ padding: 0 3%; line-height:55px; font-size:16px; color:#222; border-bottom:1px solid #e8e8e8; position:relative}
.m-menu .menu_a i{ width:60px; height:60px;position:absolute; right:0; top:0;}
.m-menu .menu_a i:before{ content:""; width:20px; height:2px; background:#666; display:block; right:10px;top:29px; position:absolute}
.m-menu .menu_a i:after{content:""; width:20px; height:2px; background:#666; display:block; right:10px;top:29px; position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.m-menu .menu_li .subnav{ padding:10px 20px; line-height:30px; font-size:14px; display:none}
.m-menu .menu_a.active{ background:#e9e9e9;}
.m-menu .menu_a:hover{background:#e9e9e9;}

.m-footer{ position:fixed; width:100%; height:60px; left:0; bottom:0;color:#fff;display:none; z-index:98;background: #1e83df;
/*background: -webkit-linear-gradient(left, #fc9e17, #ff6d33);
background: -o-linear-gradient(right, #fc9e17, #ff6d33); 
background: -moz-linear-gradient(right, #fc9e17, #ff6d33);
background: linear-gradient(to right, #fc9e17, #ff6d33);*/}
.m-footer ul{ padding:0 3%}
.m-footer li{ float:left; width:20%;height:80px;text-align:center; position:relative;}
.m-footer li a{ color:#fff; font-size:12px; display:block;}
.m-footer li .fa-angle-up:before{font-size:30px;line-height:20px}
.m-footer li .hd{ background:#fff; border:1px solid #e8e8e8; position:absolute; left:50%; margin-left:-71px; bottom:70px; padding:10px; color:#333; line-height:25px; color:#666;box-shadow: 0 0 15px rgba(0,0,0,0.1); display:none}
.m-footer li .hd .erm{  display:block; width:100px; height:auto;}
.m-footer li .hd a{ line-height:20px; color:#ff6d33}
.m-footer li .fa{ width:25px; height:25px; -webkit-border-radius:50%;border-radius:50%; display:block; margin:5px auto 0;color:#fff; font-size:22px; line-height:25px;}

.m-footer .li2 .fa{ margin-left:15px;}
.m-footer .li4{ width:80%}
.m-footer .shixue{ display:block; width:100%; height:40px; margin-top:10px; line-height:40px; font-size:14px;border-radius:25px; font-weight:bold;background: #00a6f1;}
.m-project{ display:none}
.m-project ul{ margin-right:-2%}
.m-project li{ float:left; width:48%; margin-right:2%; margin-bottom:2%}
.m-project li a{ display:block;padding:5px;border: 1px solid #e8e8e8;}
.m-project li img{ display:block; width:100%; height:auto}
.course-nav li .num{ display:none; position:absolute; left:0; top:0px; background:#1e83df; color:#fff; width:20px; height:20px; text-align:center;-webkit-border-radius: 50%;border-radius: 50%;}
.mbanner{ position:relative; display:none}
.m-top{ display:none}
.m-top img{ width:100%; height:auto; display:block}
@media screen and (max-width:1440px){
	.wrap{ width:90%}
	.i-school-con .wrap{ overflow:hidden}
	.i-school-list .slick-prev, .i-school-list .slick-next{ display:none !important}
	.banner .slick-prev{ left:0}
	.banner .slick-next{ right:0}
	.advantage ul{ width:calc(100% - 220px);}
	.i-about-intro .pic .more{left:273px;}
}

@media screen and (max-width:1200px){

	.header{ position:fixed;}
	.wrap{ width:94%}

	.header-top{ display:none}
	.header-mid,.h_scroll .header-mid{ padding:15px 0}
	.header-mid .logo .img1{ display:none}
	.header-mid .logo .img2{ display:block}
	.header-mid .right,.h_scroll .header-mid .right{ margin-top:0}
	.header-mid .right .hor{ float:none;margin-bottom:10px; font-size:12px; margin-top:6px}
	.header-mid .hor li{ background-size:auto 40px; padding-left:35px;}
	.header-mid .tel{ background:none; padding-left:0; margin-left:0; text-align:right; float:none; display:block}
	.header-mid .tel span{ display:inline-block;}
	.menu{ height:57px}
	.menu .wrap{background: #1e83df; width:100%}
	.menu .course_cl{ display:none}
	.h_scroll{top:0}
	.banner{ margin-top:0}
	.menu .zixun{ display:none}	
	.menulist{ margin-left:0; float:none;width:100%}
	.menulist li.liv{ display:block}
	.menulist li{ width:12.5%; text-align:center}
	.menulist li a{ padding:0; color:#fff; border-right:1px solid rgba(255,255,255,0.15); border-left:1px solid #0473d8}
	.menulist li:last-child a{ border-right:none}
	.menulist li:first-child a{ border-left:none}
	.banner .slick-slide a{ height:500px; background-size:cover !important}
	.nbanner{ margin-top:160px}
	.float_kf{ display:none}
	.f-nav{ width:100%}
	.f-contact{ width:100%; padding-top:30px}
	.courseCon .right{ display:none}
	.courseCon .left{ float:none; width:100%}
	.advantage .video{ display:none}
	.advantage ul{ width:100%}
	.advantage ul li.li4{ border-right:none}
	.advertisement_3 h3{ font-size:26px}
	.advertisement_3 img{ max-width:80%; height:auto}
	.i-project #line3_Demo li img{ height:200px}
	.i-course .title .qlink{ display:none}
	.i-course,.i-about,.i-news,.i-custumer,.i-school,.i-project, .i-job{ padding:40px 0}
	.title .tit span{ padding-bottom:10px}
	.title_2{ margin-bottom:20px; font-size:25px}
	.i-about-cl,.i-news-cl{ margin:0 0 25px}
	.i-news-cl li,.i-about-cl li{ margin:0 0 5px}
	.i-news-cl li a,.i-about-cl li a{ width:auto; padding:0 20px; font-size:16px; line-height:35px}
	.i-course-list li .pic{ font-size:15px; line-height:26px}
	.i-course-list li .pic h3{font-size:18px; margin-bottom:15px}
	.i-course-list li .pic .icon{ width:100px}
	.i-course-list li .pic h3{ padding-right:100px}
	.i-course-list li .course-lx .lx1, .i-course-list li .course-lx .lx2{ display:block; float:none}
	.i-course-list li .course-lx .lx1{ margin-bottom:10px}
	.i-course-list2 li .course-lx .lx1, .i-course-list2 li .course-lx .lx2{ display:block; float:none}
	.i-course-list2 li .course-lx .lx1{ margin-bottom:10px}
	.i-about-intro .pic{ position:relative; float:left; top:0; width:47%;}
	.i-about-intro .text{ width:50%; padding:0; border:none; background:none;}
	.i-about-intro .pic .more{ display:none}
	.advertisement{ padding:30px 0}
	.advertisement .p1{ font-size:25px}
	.advertisement .p2{ font-size:18px}
	.advertisement .p2 .span2{ font-size:28px}
	.advertisement .p2 .span1{ padding-top:25px}
	.advertisement .shenqing{ margin-top:0}
	.advertisement .shenqing a{ font-size:18px;padding:6px 30px 10px}
	.i-signup .right h3{ font-size:26px}
	.i-signup .left img{ max-width:100%}
	.advertisement_2{ text-align:center}
	.advertisement_2 .pic2,.advertisement_2 .pic3{ display:none}
	.advertisement_2 .pic1{ display:inline-block; float:none; vertical-align:middle}
	.advertisement_2 .tel{ display:inline-block; float:none; vertical-align:middle}
	.i-school-list{ margin-right:-15px}
	.i-school-list .item{ margin-right:15px}
	.banner{ display:none}
	.mbanner{ display:block; margin-top:160px;}
	.advertisement_1{ margin-top:40px}
}
@media screen and (max-width:1024px){
	.i-signup{ height:auto}
	.i-signup .wrap{ width:100%}
	.i-signup .left{ display:none}
	.i-signup .right{ width:100%; height:390px;}
	.signup-form{ width:300px;}
	.menu{ display:none}
	.course-nav02 ul li{ clear:both}
	.course-nav02 ul li span{background: #1e83df; color:#fff}
	.course-nav02 .col-l, .course-nav02 .col-r{ width:100%}
	.m-menubtn {display: block;}
	.header-mid .tel{ display:none}
	.header-mid, .h_scroll .header-mid{ padding:0}
	.header-mid{ height:80px;}
	.logo{ height:80px; display:flex; display:-webkit-flex; align-items:center;}

	.header-mid .right .hor{ margin:0; margin-right:70px}
	.header-mid .right .hor ul{display:flex; display:-webkit-flex; align-items:center; height:80px;}
	.nbanner, .mbanner{ margin-top:80px}
	
	
}
@media screen and (max-width:900px){
	.course-details .col-l, .course-details .col-r{ width:100%}
	.course-details .col-l img{ width:auto;}
	.course-details .col-l-2{ width:100%}
	.course-details .col-r-2{ width:100%}
}
@media screen and (max-width:768px){
	
	.advantage{ height:auto;}
	.advantage .wrap{ width:100%}
	.advantage ul li{ height:auto}
	.advantage ul li .intro{ display:none}
	.advantage ul li .tit{ height:auto; width:100%; margin:10px auto}
	.advantage ul li .tit span{ display:block; background:none; color:#333; padding-left:0; text-align:center; height:auto; line-height:30px; font-size:14px}
	.advantage ul li.li2 .tit span,.advantage ul li.li3 .tit span,.advantage ul li.li4 .tit span{ background:none}
	.advantage ul li .tit img, .advantage ul li .tit span{ position:relative; left:auto;top:auto}
	.banner .slick-slide a{ height:300px}
	.banner .slick-prev,.banner .slick-next{ opacity:0}
	.i-course-list li, .i-course-list2 li{ width:47%}
	.i-course .i-course-list li.li9, .i-course .i-course-list2 li.li9{ display:none}
	.title .more a{ padding:3px 10px; margin-top:10px}
	.i-news-list .left{ width:100%; margin-bottom:20px}
	.i-news-list .right{ width:100%}
	.i-news-list .right li{ margin-bottom:20px}
	.i-custumer-list li{ height:80px; width:31.33%}
	.i-custumer .more a,.i-project .more a{ padding:10px 0; font-size:14px}
	.i-custumer-2 .i-custumer-list li:nth-child(n+10){ display:none}
	.i-about-intro .pic{ width:100%}
	.i-about-intro .text{ width:100%; margin-top:30px}
	.f-nav{ display:none}
	.advertisement_3 h3{ font-size:20px}
	.advertisement_2 .tel{ font-size:24px}
	
	.footer-bot{ text-align:center}
	.footer-bot p{ display:inline-block; float:none}
	.i-news-list .right .time .day{ font-size:35px; line-height:30px}
	.i-news-list .right .time .year{ font-size:12px}
	.i-news-list .right .text{ padding-left:90px}
	.i-news-list .right .text:before{ left:70px}

	.title .tit{ margin-right:30px}
	.title .qlink a{ margin-right:15px; font-size:13px}
	.i-teacher:before{ display:none}
	.i-teacher .left{ display:none}
	.i-teacher-list{ width:100%}
	.i-school-list{ padding-bottom:10px}
	.m-footer{ display:block}
	.footer{ margin-bottom:60px; font-size:13px; line-height:24px}
	.f-contact{ padding-top:10px}
	.friendlink{ margin-top:30px; font-size:13px}
	.course-nav li{ width:31.33%}
	.newsCon-top{ margin-bottom:25px}
	.newsCon-top .pic{ width:100%; margin-bottom:15px}
	.newsCon-top .text{ width:100%}
	.newsCon-top .pic img{ margin:auto}
	.newsCon-top .text .tit{ font-size:24px}
	.mian-con, .mian-con-2{ font-size:14px}
	.teacherslist li{ width:31.33%}
	.teacherslist li:last-child{ display:none}
	.baselist li{ width:48%}
	.nbanner .tit{ font-size:22px}
	.ntitle{ font-size:24px; margin-bottom:20px; line-height:35px}
	.ntitle:after{ margin-top:5px}
	.ntitle_s{ font-size:14px}
	.nadvantage li .pic{ width:100%}
	.nadvantage li .text{ width:94%; padding-bottom:3%}
	.nadvantage li .text h3{ margin-top:5%; margin-bottom:3%}
	
	.nav ul{ text-align:center; display:block}
	.nav ul li{ display:inline-block; float:none}
	.nav ul li a{ font-size:15px;padding:3px 12px;}
	.newtit{ font-size:22px}
	.video li .pic .icon{ width:46px; height:46px; margin-left:-23px; margin-top:-23px;}
	.video-show{ width:94%}
	.contact-list .kuai{ width:98%} 
	.contact-list .left .company{ margin:5%}
	.contact-list .left .text .bus, .contact-list .left .text{ min-height:auto}
	#allmap, #allmap2{ height:280px}
	#line3_Demo{ display:none}
	.m-project{ display:block}
	.course-nav li .num{ display:block}
	.course-nav li a:before{ display:none}
	.course-nav li a{ padding-left:22px}
	.i-about, .i-school{ background:#f3f3f3}
	.i-job{background: #f3f3e5;}
	.jobBox{ background:none; padding:0; height:auto}
	.i-job .title_2{ margin-bottom:20px}
	.jobBox_con{ padding:0}
	
	.mbanner .slick-slide{ z-index:1 !important; position:relative}
	.mbanner .slick-slide.slick-active{ z-index:9 !important}

	.i-school-list .item li .pic .bg{ opacity:0.3}
	.advantage_1 .tit{ font-size:28px}
	.teamlist li{ width:48%}
	
	.float-bottom{ display:none;bottom:60px;padding:20px 0}
	.float-bottom .close{ display:none}
	.float-bottom .m-close{ display:block}
	.float-bottom .left{ width:100%; padding-right:50px;padding-left: 50px; box-sizing:border-box}
	.float-bottom .left h4{ font-size:24px;}
	
	.float-bottom .item{ float:none; width:100%; margin-right:0; margin-bottom:10px}
	.float-bottom .inp{ line-height:33px;}
	.float-bottom label{ line-height:35px;}
	.float-bottom .yzm .inp02{ width:50%}
	.float-bottom .submit{ margin-top:15px}
	.float-bottom .submit-btn{ width:100%}
	.float-bottom .right-con{ display:block;}
	.i-course-list2 li .txt{ padding:5%}
	.i-course-list2 li .txt h3{ font-size:16px;}
	.i-course-list2 li .course-lx{ margin-top:15px;}
	
}
@media screen and (max-width:640px){

	.header-mid .right .hor{ display:none}
	.header-mid .hor li{ width:31%; margin-left:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
	.header-mid .tel{ position:absolute; right:3%; top:20px; background:url(../images/tel.jpg) no-repeat left top; background-size:contain; padding-left:25px}
	.header-mid .tel span{ font-size:20px; line-height:20px}
	.header-mid .tel i{ display:none}
	.advantage ul li .tit img{ width:40px; height:40px;}
	
	.i-course-list li .pic{ padding:20px 15px 15px;height:245px; overflow-y:auto; font-size:14px}
	.i-course-list li .pic .icon{ position:relative; width:100%; height:auto;text-align:center;top:auto; right:auto; border-bottom:1px dotted rgba(255,255,255,0.5);margin-bottom:10px}
	.i-course-list li .pic .icon img{ width:auto; max-height:70px; margin:0 auto; }
	.i-course-list li .pic h3{ padding-right:0; text-align:center; font-size:16px}
	.i-course-list li .pic h3 .line{ display:none}
	.i-course-list li .pic p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
	.i-course-list li .text{ padding:10px}
	.i-course-list li .text .infor{ line-height:26px;overflow:auto;}
	
	
	.advertisement{ text-align:center}
	.advertisement .p1{ font-size:18px}
	.advertisement .p2{ font-size:16px;}
	.advertisement .p2 .span2{ font-size:18px}
	.advertisement .p2 .span1{ padding-top:15px}
	.advertisement .p2 span{ float:none; display:inline-block}
	.advertisement .shenqing span{ display:none}
	.advertisement .shenqing a{ font-size:14px}
	.advertisement .text{ width:100%}
	.advertisement .shenqing{ float:none; display:inline-block; margin-top:15px}
	.i-course, .i-about, .i-news, .i-custumer, .i-school, .i-project, .i-job{ padding:30px 0}
	.i-about-intro .text h1{ font-size:20px}
	.i-about-intro .text .jianj{ font-size:14px; margin-top:10px; margin-bottom:15px}
	.i-teacher-list li{ width:48%}
	.i-teacher-list li .tit{ font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px}
	.i-jxhj li{ width:48%} 
	.i-jxhj li .tit{ font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px}
	.i-news-cl li a, .i-about-cl li a{ font-size:15px}
	
	.i-news-list .left .tit,.i-news-list .right .text .tit{ font-size:16px}
	.i-news-list .right .text .tit{ margin-bottom:6px}
	.i-news-list .right .text .intro{ font-size:12px; line-height:20px}
	.advertisement_2 .pic1 img{ height:100px}
	.advertisement_2 .tel{ padding-left:0; display:block; font-size:18px; padding-top:10px}
	.i-school-list .item li .tit{ font-size:14px; line-height:20px; padding:10px;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
	.advertisement_3 h3{ font-size:18px}
	.f-contact .wx{ display:none;}
	.f-contact .text{ padding-left:0}
	.f-contact .text h3{ margin-bottom:10px}
	.friendlink{ margin-top:20px}
	.course-nav li{ width:48%}
	.teacherslist li{ width:48%}
	.teacherslist li:last-child{ display:block}
	.newslist li .pic{ width:100%; margin-bottom:15px}
	.newslist li .text{ width:100%}
	.newslist li .text h3{ font-size:16px;}
	.newslist li .text .intro{ font-size:13px; line-height:24px; margin-top:10px}
	.newslist li .text .more{ margin-top:20px}
	.newtit{ font-size:20px}
	.contact-con{ font-size:14px}
	.contact-top .left{ width:100%; position:relative;border-bottom-left-radius:0; font-size:22px}
	.contact-top .left .en{ font-size:15px; padding-top:5px}
	.contact-top .left h3{ min-height:260px}
	.contact-top .right .p1{ font-size:18px; margin-bottom:10px}
	.contact-top .right{ width:90%; padding:5%}
	.contact-list .left .company{ font-size:20px; padding-left:15px}
	
	#allmap, #allmap2{ height:220px}
	.pages_2 .back{ position:relative; top:0; right:auto; display:inline-block; padding:0 20px; margin-top:10px}
	.banner .slick-slide a{ height:260px}
	.menulist li{line-height:35px; font-size:14px}
	.jobTit li:nth-child(2),.jobTit li:nth-child(3){ display:none}
	.jobCon li span:nth-child(2),.jobCon li span:nth-child(3){ display:none}
	.jobTit li:nth-child(1){width:20%}
	.jobCon li span:nth-child(1){ width:20%}
	.jobTit li:nth-child(4),.jobTit li:nth-child(5){ width:40%}
	.jobCon li span:nth-child(4),.jobCon li span:nth-child(5){ width:40%}
	
	.advertisement_1{ margin-top:30px}
	.i-project .more a,.i-custumer .more a{ width:120px}
	
	.form-alert{ width:94%; left:3%; margin-left:0; background-size:100% 320px}
	.form-alert .signup-form{ width:80%}
	.course-details h2{ font-size:26px}
	.course-content{ font-size:14px; line-height:28px}
	.advantage_1 .tit{ font-size:26px}
	.advantage_1 .tit span{ margin:0 5%}
	.course-details .zixun ul li{ font-size:16px;}
	.course-details .zixun ul li a{padding: 8px 20px;}
}
@media screen and (max-width:480px){
	.i-course-list li .pic{ font-size:13px}
	.i-course-list li .pic h3{ font-size:15px}
	.i-course-list li .text .infor{ line-height:22px; font-size:13px}
	.banner .slick-slide a{ height:200px}
	.title .qlink{ display:none}
	.footer-top{ padding-top:30px}
	.i-signup .right{background-size: 100% 300px;}
	.i-signup .right h4{ font-size:16px;}
	.signup-form{ width:80%}
}
@media screen and (max-width:425px){
	body{ min-width:320px;}
	.i-news-cl li a, .i-about-cl li a{ font-size:13px;padding: 0 15px; line-height:30px;}
	.i-project .more a, .i-custumer .more a{ width:100px;margin-top:10px}
	.i-custumer .more a, .i-project .more a{ padding:5px 0}
	.float-bottom .left h4{ font-size:20px; line-height:24px;}
}