/************************************************************************************
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;
}
.top{
	width:100%;
	max-width:640px;
	/*position:fixed;*/
	margin-top:0;
	z-index:999;	
	}
.top2{
	display: none;
}
.header{
    width:100%;
    background-color:#f5f5f5;
}


.nav{
    width:100%;
	margin:0 auto;
    background:#201f1a;
}
.nav ul{
    margin:0 auto;
}
.nav ul li{
    float:left;
	text-align:center;
	border-left:2px solid #11110e;
	border-left-colors: #11110e #33322d;
	-moz-border-left-colors: #11110e #33322d;
}
.nav ul li a{
    color:#ffffff;
	font-weight:400;	    
    
}
.nav ul li.act{
    background:#13120f;
}
.nav ul li:hover{
    background:#13120f;
}




.icon{ width:100%; margin:1% 0; background:#fbbe01; padding-top:5%;}
.icon ul li{ float:left; margin-left:1.5%;}
.icon ul li:first-child{ margin-left:7.0%;}






@keyframes rotateRouter {

  0% {

    transform: rotate(0deg); }

  100% {

    transform: rotate(360deg); } 
	}

@keyframes rotateRouter1 {

  0% {

    transform: rotate(360deg); }

  100% {

    transform: rotate(0deg); } }


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


.tit_01{
    margin:0 auto;
    padding:5% 0 3%;
    width:100%;
    background:url("../images/tit_01.png") no-repeat left bottom;
	background-size:100%;
	text-align:center;
}


.btn{ width:165px; height:43px; line-height:43px;	
	 margin:0 auto; margin-top:2%; 
	text-align:center; 
	background:url("../images/btn.png") no-repeat;
}

.bnt{ width:236px; height:43px; line-height:43px;	
	 margin:0 auto; margin-top:2%; 
	text-align:center; 
	background:url("../images/bnt.png") no-repeat;
}


.btn a,.bnt a{ font-size:1.8em; color:#ffffff;}


.work{
    margin:0 auto;
	margin-top:5%;
    width:100%;
    overflow:hidden;
	background:url(../images/work.jpg) no-repeat;	
}
.tit_02{
    margin:0 auto;
    padding:5% 0 3%;
    width:100%;
    background:url("../images/tit_02.png") no-repeat left bottom;
	background-size:100%;
	text-align:center;
}

.work-info li{
	width:15%;
	border:1px solid #1e1d18;
	margin:7% 1% 4%;
	padding:1%;
	float:left;
	}

.work-info li:first-child{ margin-left:3%;}

	
.diy img{ margin-top:4%;}	

.team h2,.diy h2{
	font-size:1.4em;
	color:#503319;
	padding:2% 0;
	text-align:center;
	}

.part5_con{position: relative;overflow: hidden;width: 95%;text-align: left;}

.part5_con p{width: 95%; overflow: hidden;padding-left: 2%;word-wrap:break-word;}

.sz_con{ padding-left: 5%;}

.sz_word1{color: #4a2f16; font-size:1.6em; font-weight:bold; margin:0.4em 0;}

.sz_word2{color:#ffffff; font-size:1.2em; background:#fbbe01;margin-top: 5%;margin-bottom: 5%;padding: 2% 0 2% 4% ;}
.sz_word3{text-align:left;line-height: 1.5em; color:#4a2f16;}


.part5-main{
    margin:0 auto;
    padding-bottom:10px;
    width:100%;
    overflow:hidden;
	
}

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

.part5-box{
	width:185px;
	
}

/*.swiper-slide:first-child{ margin-left:4%;}*/

.part5-box img{
    display:block;
	width:185px;
	height:336px;
}

.foot{ background: #54535b;color:#ffffff; margin-top: 6%; padding:4% 0% ;}
.foot p{ margin-top: 1%; text-align:center;}



/*h5*/

.h5-xz{
    margin:0 auto;
	margin-top:5%;
    width:100%;
    overflow:hidden;
	background:url(../images/h5-02.jpg) no-repeat;	
}

.h5-xz h2{
	font-size:1.4em;
	color:#ffffff;
	padding:2% 0;
	text-align:center;
	}

/*老师*/

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

.tea-box{
    margin:0 auto;
    height:auto;
	padding-bottom: 20px;
    border-bottom:1px dashed #979797;
}
.tea-box img{
	width:26%;
    float:left;
    height:auto;
	padding-top:1%;
}
.tea-info{
	width:60%;
    padding:0 4%;
    float:left;
    height:auto;
}
.tea-info h2{
	color:#ff8d06;
}
.tea-info h3{
	color:#649c81;
    font-weight:none;
}
.tea-info h1{
    font-weight:bold;
}
.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:1px dashed #fbbe01;
	margin-top:4%;
	}

.video li:last-child{ border-bottom:0;}

.video_l{ float:left; width:31%;}

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


/*学员视频*/

/*返回首页和底部*/

.goback{
    margin:0 auto;
    margin-left:3%;
    max-width:640px;
    position:fixed;
	z-index:9999;
}
.back{
    display:block;
}
.bx_banner_box{
    width:100%;
    background: -webkit-gradient(linear,0 0,100% 100%,from(#b46000), to(#b05700));
    background: -moz-linear-gradient(left,#b46000,#b05700);
    background:-o-linear-gradient(left,#b46000,#b05700);
    margin: 0px auto;
}
.bx_banner_box img{
    max-width:100%;
    display: block;
    margin:auto;
}