/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}


img, fieldset {
    border: 0;
}

/* set image max width to 100% */
img {
    max-width: 100%;
	border:0;
    height: auto;
    width: auto\9; /* ie8 */
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
    font: .81em/150% Arial, "Microsoft YaHei", sans-serif;
    color: #000;
	margin:0 auto;
	max-width:640px;
}
a {
    color: #000;
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: none;
}
p {
    margin: 0 0 1.0em;
    padding: 0;
}

/* list */
ul, ol {
    padding: 0;
    list-style: none;
}
li {
    padding: 0;
    list-style: none;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4em;
    /*margin: 20px 0 .4em;*/
    color: #000;
	font-weight:normal;
}
h1 {
    font-size: 1.4em;
}
h2 {
    font-size: 1.2em;
}
h3 {
    font-size: 1em;
}
h4 {
    font-size: 1em;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 1em;
}

.fl{float: left;}
.fr{float: right;}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clear{clear:both;}

#pagewrap{
    position:relative;
    overflow:hidden;
}
.header{
    width:100%;
    background-color:#eee;
}

.header-l{ 	width:90%; margin:0 auto;}



.nav{
    width:100%;
	margin:0 auto;
    background:#36383f;
}
.nav ul{
    margin:0 auto;
}
.nav ul li{
    float:left;
	width:13.9%;
	text-align:center;
	border-left:1px solid #28292f;
}
.nav ul li a{
    color:#ffffff;	    
    
}
.nav ul li.first a{
    border-left:none;
}
.nav ul li.act{
    background:#45474d;
}
.nav ul li:hover{
    background:#45474d;
}

.icon{ width:100%; margin:5% 0; max-height: 300px}
.icon ul li{ width:16%; float:left; margin-left:3.2%;}

.tit{
    margin:0 auto;
    padding:3% 0;
    width:100%;
    background:url("../images/title-border.png") no-repeat left bottom;
	background-size:100%;
	text-align:center;
}
.tit h4{ font-weight:bold;}

.sy_ques{ width:100%; margin:0 auto; padding-top:46%;}

.sy_ques img{ padding:5% 0; text-align:center;}

.ans_con{ width:100%; background:url(../images/syans_bj.png) repeat; max-height:440px; padding:6% 0;}

.sy_day{ width:100%; clear:both; color:#7a7a7a; margin:0 auto;  overflow:hidden; padding:5% 0% 0;}

	
.sy_day form{ width:70%; margin:0 auto;}

.sy_day ul li{ width:100%; display:block; float:left; clear:both; }


#go{ 	
	background:#ff6954; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, rgba(255,84,76,1.0), rgba(255, 105, 84, 1.0));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff544c), to(rgba(255, 105, 84, 1.0))); 
    border: 1px solid #ff6954;
	border-radius:10px; font-weight:bold;
	color:#fff; text-align:center; 
	cursor:pointer; padding:1.6% 3% 1.2%;
}



.sy_teach{ width:100%; margin:0 auto; padding-top:4%;}

.sy_teach-main{
    margin:0 auto;
	padding:6% 0;
    width:100%;
    overflow:hidden;
}

.swiper-container4{
	width:100%;
	max-width:640px;
	margin:0 auto;
}

.syteach-box img{
    display:block;
	margin-left:20%;
}

.sy_case{ width:100%; margin:0 auto; padding-top:6%;}


.stu{ width:100%; margin:0 auto; padding-top:6%;}


.foot{ background:#333333; padding:3% 0;}

/*达内保障*/

.tedu_bz{ width:100%; margin:0 auto; background:#e7e7e7; padding-bottom:6%;}

.tedu_dz{ width:100%; margin:0 auto; padding:4% 0;}

.tedu_dz h3{ width:80%; text-align:center; margin:0 auto; padding:4%;
 font-size:1.4em; line-height:1.8em color:#373940; font-weight:normal;}

/*课纲*/
.kec{ width:100%; margin:0 auto; padding:6% 0;}
.stu-con{ position: relative;}
.stu-con span{ z-index:99; position: absolute; top:36%; right:12%;}
.none { display: none; }

/*课纲*/




/*老师*/

.tea01{ 
    margin:0 auto;
    padding-top:3%;
    width:100%;
}

.tea-box{
    margin:0 auto;
    height:auto;
    border-bottom:2px dashed #979797;
}
.tea-box img{
    float:left;
    width:30%;
    height:auto;
	padding-top:1%;
}
.tea-info{
    padding:0 4% 2%;
    float:left;
    height:auto;
}
.tea-info h2{
	color:#649c81;
    font-weight:bold;
}
.tea-info h3{
	color:#649c81;
    font-weight:none;
}
.tea-info h1{
    font-weight:bold;
	padding-top:8%;
}
.tea-info p{
    max-width:75%;
    width:auto;
    white-space:nowrap;
	margin:0;
}



/*学员视频*/
.stu_video{ width:100%; margin:0 auto; padding:4% 0;}

.video{
	margin:0 auto;
	margin-top:8%;
}

.video li{
	margin:0 auto;
    border-bottom:2px dotted #d1d1d1;
	margin-top:4%;
	}

.video_l{ float:left; width:44%;}
.video_btn {
	 text-align:center;
	 color:#fff; 
}

.video_r{ float:left; width:42%; margin-left:6%; padding:0 3% 0 4%;}


/*学员视频*/

/*返回首页和底部*/

.goback{
    margin:0 auto;
    margin-left:3%;
    max-width:640px;
    position:fixed;
	z-index:9999;
}
.back{
    display:block;
}
.bottom-btn{
    margin:0 auto;
    width:100%;
    max-width:640px;
    height:auto;
    bottom:0px;
    position:fixed;
    z-index:999;
    background-color:#2a2a2a;
}
.bottom-btn1{
    width:50%;
    display:block;
}
.bottom-btn2{
    width:50%;
    display:block;
}
/*返回首页和底部*/