*{margin:0;padding:0}

body{Font-size:62.5%;font-family:Helvetica;font:16px/24px; font-family:"微软雅黑"; min-width:320px; max-width:750px; margin:0 auto;}
input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}



.button{ border-radius: 0; } 

.wrap{ background:#00498b;min-width:320px; max-width:750px; margin:0 auto;}

p{ margin:0; padding:0; border:0;}
		  
li{ list-style:none;}


.clear{ clear:both;}
		
a{ text-decoration:none;}

img{border:0;margin:0;padding:0;}
.wrap img{width:100%} 

/*侧边栏*/
.hide {
	display: none; min-width:30px; max-width:80px;
	 
}
.side_bar {
	position:fixed;
	right:0;
	margin-left:10em;
	top: 15%;
	width: 10%;
	z-index: 10000;
}
.side_bar li {
	margin: 3px 0;
	background:#fdd54f;
}
.side_bar a {
	display: inline-block;
	padding: 5%;
	line-height:140%;
	color: #FFF;
	text-align:center;
}

.side_bar a.k{ padding:28% 0%; display:block;}

.side_bar a:hover {
	color: #fff;
	background:#f0bd13;
}


/*头部标题*/

.w_92{ width:92%; margin:0 auto;}

.top_bt{ background:#fff;}

.top_bt{ font-size:1.4em; background:#fff; background-size:3%; color:#3f3f3f;  padding:5% 0% 3%; overflow:hidden;}

.top_bt .top_jt .jt{ width:3.2%; float:left;}

.top_bt .top_jt .t_bt{ float:left; margin-left:37%;}

/*banenr*/

.banner{ background:#f4f8fb; border-top:1px solid #ddd;}

.ber_logo{ width:54.8%; padding:3% 37% 5% 0%;}


/*表单*/

.bd_bg{ background:url(../images/frm_bg.jpg) no-repeat top; background-size:100%;}

.biaodan,.kc,.liuc{ background:#fff; border-radius:2px;-moz-border-radius: 2px;      /* Gecko browsers */
    -webkit-border-radius: 2px;   /* Webkit browsers */ margin-bottom:4%;}


.bd{ width:91.3%; margin:0 auto;}

.bd_bt{ color:#003a5a; text-align:center; padding:6% 0%; font-size:1.3em;}



.select select{ width:100%; color:#7b7b7b;  border:none; padding:3%; padding-right:8%;  margin-bottom:3%; border:1px solid #9e9e9e; border-radius:2px;-moz-border-radius: 2px;      /* Gecko browsers */
    -webkit-border-radius: 2px;   /* Webkit browsers */
/*很关键：将默认的select选择框样式清除*/  
  appearance:none;   
  -moz-appearance:none;   
  -webkit-appearance:none;
   
   background:url(../images/xia.png) right 16px no-repeat;font-size:1em; background-size:7.5%;  
    }


.bd input{ padding:3%; width:93.6%; border:1px solid #9e9e9e; border-radius:2px; margin-bottom:3%; font-size:1em;appearance:button;-moz-appearance:button; /* Firefox */-webkit-appearance:button; /* Safari 和 Chrome */}

.bd .go{ width:100%; border:none; background:#fdd54f; border-bottom:2px solid #cea529; border-top:1px solid #fedb59; padding:2% 0; font-size:1.2em;}

.bd  .go_go{ color:#222;word-spacing:8px; letter-spacing: 1px; padding:2% 0;}

/*流程*/

.liuc{ padding-bottom:4%; }

.line{ width:91.3%; margin:0 auto; border:1px dashed #679fc2; background:#f6fbff; padding:4% 0%; }

.line p{ width:76.6%; margin:0 auto;}

.zhong_tu{ width:16.2%; margin:0 auto;}


.line dl dt{ color:#264b66; font-size:1.2em;}

.line dl dd{ color:#929da3; font-size:1em;}


.line dl:nth-child(1){ position:absolute; left:20%; top:2%;}

.line dl:nth-child(2){ position:absolute; left:62%; top:10%;}

.line dl:nth-child(3){ position:absolute; left:20%; top:18%;}

.line dl:nth-child(4){ position:absolute; left:62%; top:27%;}

.line dl:nth-child(5){ position:absolute; left:20%; top:35%;}




/*16大课程*/


/*第三屏*/

.kc{ overflow:hidden;}

.kc p{ width:17.1%; float:left; margin-left:6%; margin-bottom:4%; font-size:1em; color:#f00; text-align:center; display:block;}
.kc p a{ color:#033c5c;}

.zx{ width:92%; margin:0 auto; border:1px solid #0080d4; border-radius:3px; padding:3% 0%; text-align:center; margin-bottom:5%;}

.zx_a .zx{ color:#0182d6;word-spacing:8px; letter-spacing: 1px; font-size:1.2em;}


/*达内简介*/



.dn_js{ background:#fff;border-radius:2px 2px 0px 0px;/*左上角、右上角、右下角、左下角(顺时针顺序)*/ 
   -moz-border-radius:2px 2px 0px 0px; /* Firefox */
   -webkit-border-radius:2px 2px 0px 0px; /* Safari 和 Chrome */}
   
.dn_js p{ width:90%; margin:0 auto; color:#003a5a; line-height:2em;}

.dn_js p img{ width:3%; height:auto; margin-right:2%;}




/* CSS Document */


@media screen and (max-width: 319px) {
	
   html{font-size:62.5%; /* 10÷16=62.5% */} 

   body{font-size:16px;font-size:1.1em ; /* 12÷10=1.2 */}

	} 


/********************************************** 宽度320px~360px之间样式设定 *********************************************/


@media screen and (min-width: 320px) and (max-width: 360px) {
	
   html{font-size:62.5%; /* 10÷16=62.5% */} 

   body{font-size:16px;font-size:1.1em ; /* 12÷10=1.2 */}
   
   
	/*侧边栏*/

	
	



	}    



/********************************************** 宽度360px~400px之间样式设定 *********************************************/


@media screen and (min-width: 361px) and (max-width: 400px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.2em ; /* 12÷10=1.2 */}
		

	}    



/********************************************** 宽度401px~420px样式设定 *********************************************/

@media screen and (min-width: 401px) and (max-width: 420px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.3em ; /* 12÷10=1.2 */}

	}    


/********************************************** 宽度421px~450px样式设定 *********************************************/

@media screen and (min-width: 421px) and (max-width: 450px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.4em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    

/********************************************** 宽度401px~420px样式设定 *********************************************/

@media screen and (min-width: 451px) and (max-width: 480px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.5em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    
/********************************************** 宽度401px~420px样式设定 *********************************************/

@media screen and (min-width: 481px) and (max-width: 500px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.6em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    


@media screen and (min-width: 501px) and (max-width: 520px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.7em ; /* 12÷10=1.2 */}
		


	}    
@media screen and (min-width: 521px) and (max-width: 550px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.8em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    
@media screen and (min-width: 551px) and (max-width: 570px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.9em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/

	}    
@media screen and (min-width: 571px) and (max-width: 600px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:2em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/

	}    
@media screen and (min-width: 601px) and (max-width: 630px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:2.1em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/

	}    

@media screen and (min-width: 631px) and (max-width: 650px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:2.2em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    

@media screen and (min-width: 651px) and (max-width: 680px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:2.3em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    

@media screen and (min-width: 681px) and (max-width: 700px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:2.4em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    

@media screen and (min-width: 701px) and (max-width: 750px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:2.5em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    


@media screen and (min-width: 750px) {
	
   html{font-size:62.5%; /* 10÷16=62.5% */} 

   body{font-size:16px;font-size:2.5em ; /* 12÷10=1.2 */}
   
   




	} 

@media screen and (min-width: 768px) {
	
   html{font-size:62.5%; /* 10÷16=62.5% */} 

   body{font-size:16px;font-size:2.5em ; /* 12÷10=1.2 */}
   
   




	}