/*Copyright 2007 Qietu.com Inc. All rights reserved.*/



   
   /* 电脑小屏--md */
    @media screen and (max-width:1200px){
    	.wrapper{
    		width: auto;
    		margin: 0 4%;
    	}
    	.mob_header{
    		height: 43px;
    		line-height: 43px;
    		padding: 6px 0;
    	}
    	.m_logo{
    		width: 120px;
    		height: 30px;
    		margin-left: 10px;
    	}
    	.header_txt{
    		font-size: 15px;
    		margin-right: 15px;
    		display: block;
    		height: 100%;
    		line-height: 31px;
    	}
    	.m-footer{
    		height: 50px;
    		line-height: 50px;
    		font-size: 15px;
    	}
    	.header{
    		background-position: center;
    		background-size:100% auto;
    		background-repeat: no-repeat;
    		height: 135px;
    	}
    	.naver h2{
    		display: none;
    	}
    	
    	.naver li:after,
    	.naver li:before{
    		display: none!important;
    	}
    	.naver li{
    		width: 25%;margin: 0;
    		display: block;float: left;
    		height: 35px;
    		line-height: 35px;
    		font-size: 17px;
    	}
    	.naver .wrapper{
    		width: 100%;
    		margin: 0;
    	}
    	.naver ul{
    		float: none;
    	}
    	.naver{
    		margin-top: -20px;
    	}
    	.course-desc{
    		padding-top: 50px;
    		padding-bottom: 30px;
    	}
    	.course-desc .head img,
    	.course-plan .head img,
    	.course-teacher .head img,
    	.course-serv .head img{
    		width: 200px;
    		margin: 0 auto;
    	}
    	.course-desc .body-l{
    		float: none;
    		width: 100%;
    		background-image: none;
    		height: auto;
    	}
    	.course-desc .hd{
    		font-size: 20px;
    		padding-left: 0;
    		height: 40px;
    		line-height: 40px;
    		margin-top: 10px;
    	}
    	.course-desc .bd li{
    		font-size: 15px;
    		line-height: 1.5;
    		padding: 0;
    		padding-bottom: 10px;
    		padding-top: 10px;
    	}
    	.course-desc .bd li:before{
    		left: -17px;
    		top: 17px;
    	}
    	.course-desc .body{
    		margin-top: 0px;
    	}
    	.course-desc .body-r{
    		background-image: none;
    		float: none;
    		width: 100%;
    		height: auto;
    	}
    	.course-desc .body-r .bd{
    		padding: 0;
    		padding-left: 20px;
    	}
    	.course-desc .body-r .hd{
    		padding: 0;
    	}
    	.course-plan{
    		padding: 30px 0;
    	}
    	.course-plan .tit{
    		margin-top: 20px;
    		padding: 0;
    		text-align: center;
    		background-image: none;
    		background-color: rgb(207,16,0);
			font-size: 18px;
			height: 35px;
			line-height: 35px;
    	}
    	.course-plan .tbl table{
    		
    	}
    	.course-plan .tbl th{
    		font-size: 15px;
    		
    	}
    	.course-plan .tbl td{
    		font-size: 12px;
    		height: 85px;
    		padding: 0 10px;
    	}
    	.w1{
    		width: 25px;
    	}
    	.w2{
    		width: 135px;
    	}
    	.w3{
    		width: 50px;
    	}
    	.w4{
    		width: 50px;
    	}
    	.course-plan .tit h4{
    		position: static;
    		font-size: 15px;
    		text-align: left;
    		line-height: 1.44;
    	}
    	.tbl2{
    		display: none;
    	}
    	.tbl3{
    		display: table;
    		margin-top: 60px;
    	}
    	.w5{
    		width: 30px;
    	}
    	.w6{
    		width: 130px;
    	}
    	.w7{
    		width: 60px;
    	}
    	.tbl3 td{
    		height: 60px!important;
    	}
    	.course-plan .foot{
    		margin-top: 20px;
    	}
    	.course-plan .foot .img{
    		width: 200px;
    		height: 200px;
    	}
    	.course-plan .foot h4{
    		margin-top: 10px;
    	}
    	.course-teacher{
    		padding: 30px 0;
    	}
    	.course-teacher .body-l p{
			position: static;
			width: 100%;
			font-size: 15px;
			padding: 10px;
			line-height: 1.5;
			height: auto;
    	}
    	.course-teacher .body-l p br{
    		display: none;
    	}
    	.course-teacher .body-r{
    		float: none;
    		width: 100%;
    		margin-top: 30px;
    	}
    	.course-teacher .body-l{
    		float: none;
    		width: 100%;
    	}
    	.course-teacher .body-r li{
    		height: 60px;
    		line-height: 60px;
    	}
    	.course-serv{
    		padding: 30px 0;
    	}
    	.course-serv .body-l{
    		width: 100%;
    		float: none;
    	}
    	.course-serv .body{
    		padding: 0;
    		background-image: none;
    		background-color: rgb(213,18,0);
    	}
    	.course-serv .body-l .top img{
    		width: 300px;
    	}
    	.course-serv .bottom .img{
    		float: none;margin: 0 auto;
    	}
    	.course-serv .bottom .txt{
    		float: none;margin: 0;
    		text-align: center;
    	}
    	.course-serv .bottom h2{
    		font-size: 30px;
    		margin-top: 10px;
    	}
    	.course-serv .bottom h3{
    		margin-top: 10px;
    	}
    	.course-serv .bottom h4{
    		margin-top: 10px;
    	}
    	.course-serv .body-r{
    		width: 100%;
    		float: none;
    	}
    	.course-serv .body-r li{
    		width: 95%;
    		font-size: 15px;
    		line-height: 50px;
    		height: 50px;
    		padding-left: 50px;
    	}
    	.course-serv .body-r li:before{
    		left: 15px;
    	}
    	.course-serv .body-r .ft{
    		font-size: 22px;
    	}
    	.course-serv .body-r big{
    		font-size: 35px;
    	}
    	.course-serv .foot-l li{
    		width: 100%;
    		background-size: auto;
    		background-image: none;
    		font-size: 15px;
    		display: ;
			line-height: 1.5;
			height: auto;
			padding: 10px;
			text-align: justify;
			background-color: rgba(213,49,35);
			color: #fff;
    	}
    	.course-serv .foot-l i{
    		display: none;
    	}
    	.course-serv .foot-r li{
    		float: none;
    		margin: 0 auto;
    		padding: 30px;
    		margin-top: 15px;
    	}
    	.course-serv .foot-r{
    		float: none;
    	}
    	.course-serv .foot-l{
    		float: none;
    	}
    	.course-serv .foot-r li img{
    		margin: 0 auto;
    	}
    	
    	
    	
    	
    	
    	
    }
    /* 平板--sm */
    @media screen and (max-width:1000px) {
    	
    	
    }
   
* {
    margin: 0;
    padding: 0;
    -webkit-appearance: none; /*去掉浏览器默认样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
}

html,
body {
   
    overflow-x: hidden;
    -webkit-user-select: none;
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%; /*关闭自动调整字体*/
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}


/*pad*/
img{
	max-width:100%;
}
.rotate
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); 	/* IE 9 */
-moz-transform:rotate(7deg); 	/* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); 	/* Opera */
}
.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}


.gh {
	display: none;
	float:right;
	height:34px;
	width:34px;
	margin-right:30px;
	margin-top:25px;
	position:relative;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #000;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.gh.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.gh.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.gh a:after, .gh a:before {
	background-color: #000;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {
	top:10px;
}
.gh a:before {
	top:-10px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0;
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
	background-color: transparent !important;
}
@media only screen and (max-width:800px) {
	
}
@media only screen and (max-width:640px) {
	
}