@charset "gb2312";
/* CSS Document */
@media screen and (max-width:1400px){
	.teacher .flex-direction-nav .flex-next{right:-10px}
	.teacher .flex-direction-nav .flex-prev{left:-10px}
	
}
@media screen and (max-width:1280px){
	.wrap{width:100%; padding:0 2%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; overflow:hidden}
	
}
@media screen and (max-width:1024px){
	.header{ position:fixed; width:100%; top:0;left:0;z-index:999; background:#fff;border-top:1px solid #e8e8e8}
	.header .company{ height:70px}
	.header .top{ display:none}
	.header .menu{ display:none}
	.header .company{padding-top:0; padding-bottom:0}
	.header .company .logo01{left:2%; margin-left:0;top:7px}
	.header .company .logo01 img{ height:50px; width:auto}
	.header .company .logo{ padding-top:7px;}
	.header .company .logo img{ width:auto; height:50px;}
	.header .search{ display:none}
	.header .company .mobile-button{ display:block; }
	
	.teacher .tempWrap{margin:0 auto !important;width:100% !important;overflow:hidden !important; position:relative !important}
	.teacher .flex-direction-nav .flex-next{right:0}
	.teacher .flex-direction-nav .flex-prev{left:0}
	
	.f-left{ width:19%}
	.f-left img{ max-width:80%; height:auto}
	.f-right .f-nav li{ width:14%; text-align:center}
	.f-right .f-nav li:first-child a{ padding:0; }
	.f-right .f-nav ul{margin-left:-5%}
	.f-right .f-nav li a{ padding:0;}
	.friendlink .title{ float:none; margin-bottom:10px}
	.friendlink-list{ margin-left:0; width:100%; float:none}
	
	.nbanner{ height:300px; margin-top:70px}
	.nbanner .text{ width:60%; margin-top:6%}
	.nbanner .text h2{ font-size:26px}
	.nbanner .text p{ font-size:14px; font-weight:normal}
	
	.courselist li{ width:48%; margin-bottom:3%}
	.courselist li:last-child{ margin-bottom:1%}
	.newslist li{ width:48%; margin-bottom:3%;}
	.newslist li:last-child{ margin-bottom:0}
	.newslist li .time span{ padding:0 10px}
	.news-detail{ padding:5% 3%}
	.ntitbox .title{ font-size:22px;}
	.imglist li{ width:48%}
	.nteacher-list li{ width:90%}
	.nteacher-list li .pic{ width:20%}
	.nteacher-list li .text{ width:78%}
	.message{ width:70%}
}
@media screen and (max-width:768px){
	.main{ padding:7% 0}
	.main .content{ padding-top:4%}
	.main .content .newleft{ width:100%; border-bottom: 1px dashed #e8e8e8; padding-bottom:4.5%;margin-bottom:5%;}
	.main .content .newright{ width:100%}
	.main .content .newright li{padding-bottom:4.5%;margin-bottom:5%;}
	.main .content .newright li:nth-child(3){ margin-bottom:0; border-bottom:none}
	.main02{background:#bbdfff;}
	.main .content .newleft .intro{ font-size:12px;}
	.main .content .newright li .intro{ font-size:12px;}
	.course li{ width:50%}
	.main05{ background:#fff}
	.main05 .titbox .title{ color:#333}
	.main05 .titbox .intro{ color:#808080;}
	.main05 .titbox .line{background: #ea1e1f}
	.active li{ box-sizing:border-box;-webkit-box-sizing:border-box; border:1px solid #eee;}
	.active ul{ margin-right:0;}
	.active li{ width:100%;margin-bottom:5%; margin-right:0}
	.active li:last-child{ margin-bottom:0}
	.about ul{margin-right:0;}
	.about li{width:100%;margin-bottom:5%; margin-right:0}
	.about li:last-child{ margin-bottom:0}
	.enroll li .intro{ display:none}
	.enroll li .pic{ width:100px; height:100px;}
	.enroll li .title{margin:8% 0 0}
	.f-left{ display:none}
	.f-right{ width:100%;padding:5% 0;}
	
	.content .more-i{width:100px; padding:8px 0; font-size:12px;}
	.nbanner .text{display:none}
	.nteacher-list li{ width:95%;padding-bottom: 4%; margin:0 auto 4%}
	.nteacher-list li .pic{ width:23%}
	.nteacher-list li .text{ width:75%}
	.nteacher-list li .text h3{font-size:16px;padding: 2px 4% 2px 8%;}
	.nteacher-list li .text{ padding-top:9%}
	.imglist li{ width:98%}
	.nmain03{background: #f2f2f2;padding:6% 0;}
	.address li .icon{ width:50px; height:50px}
	.message{ width:80%;margin:4% auto 0;padding:5% 0;}
	.message-con .messagelist:last-child{ margin-bottom:0}
	.message-con{ padding:0; margin:0 2%}
	.recruit{ padding:0 10px; font-size:14px}
	.recruit-li1{ padding:10px 10px}
	.recruit .tit1, .recruit-li1 .tit1{ width:25%}
	.recruit .tit4, .recruit-li1 .tit4{ width:24%}
	.recruit-li1 .tit4{ font-size:12px}
	.recruit-li1 .tit5{ right:10px}
	.recruit-li2{ padding:15px}
}
@media screen and (max-width:640px){
	.header .company{ height:50px;}
	.header .company .logo{}
	.header .company .logo img{ height:35px;}
	.header .company .logo01 img{height:35px;}
	.header .company .mobile-button{ padding-top:15px}
	
	.cbp-spmenu h3{padding:15px 10px !important}
	.titbox .title{ font-size:24px; font-weight:700;}
	.titbox .intro{ font-size:12px;}

	.teacher .flex-direction-nav .flex-next{width:35px; height:35px;background:url(../images/arrow.png)  no-repeat -35px 0 !important; background-size:70px!important}
	.teacher .flex-direction-nav .flex-prev{width:35px; height:35px;background:url(../images/arrow.png)  no-repeat 0 0!important;background-size:70px!important}

	.enroll li .pic{ width:80px; height:80px}
	.f-nav{ display:none}
	.friendlink{ display:none}
	.copyright{ border-top:1px solid #454545; margin-top:4%; padding-top:4%}
	
	.nbanner{ height:180px; margin-top:50px;}
	.nnav li{ margin:0 1%}
	.nnav li a{padding: 6px 15px; font-size:12px;}
	.nmain .ncontent{ margin-top:5%}
	.courselist li{ width:98%; margin-bottom:5%}
	.newslist li{ width:98%; margin-bottom:5%}
	.newslist li .time span{ padding:3px 12px}
	.nteacher-list li .text{ padding-top:0;}
	.nteacher-list li .pic{ border:0;}
	.nteacher-list li .text h3{ position:static;padding: 2px 4%; border-bottom-left-radius:0;border-bottom-right-radius:10px;border-top-right-radius:0;border-top-left-radius:10px; margin-bottom:2%}
	.contacttit{ font-size:16px}
	.address{ margin:5% 0 0}
	.address li{ width:96%; padding-bottom:3%; margin-bottom:3%; text-align:left; font-size:14px}
	.address li .icon{width:30px; height:30px; float:left;padding: 5px; margin:0 3% 0 0}
	.address li p{ margin-bottom:0 !important; padding-top:6px}
	.address li:last-child{ margin-bottom:0; padding-bottom:0}
	.message{ width:96%;font-size:12px}
	.message-con .messagelist{ margin-bottom:15px;}
	.message-con .messagelist span{ margin-right:0}
	.message-con .messagelist span:first-child{ width:35%; }
	.message-con .messagelist span:last-child{ width:3%; text-align:right}
	.message-con .messagelist .submit{ font-size:12px;}
	#qq{ display:none}
}
@media screen and (max-width:480px){
	.nbanner{ height:150px}
}