@charset "utf-8";
/* CSS Document */
/*内页公用部分*/
.ny-banner-youshi{width:100%; height:180px; background:url(../img/bn-youshi.jpg) no-repeat center top;}
.xt{color:#ccc; font-size:0.9em !important;}

.inpage-w{width:100%; height:auto; min-height:400px; background:#eee; padding-top:20px; padding-bottom:1px;}
.inpage-w2{width:100%; height:auto; min-height:400px; background:#eee; padding-top:20px; padding-bottom:1px;}
.inpage-w3{width:100%; height:auto; min-height:400px; background:url(../img/st.png) repeat; padding-top:20px; padding-bottom:1px;}
.c-tt-01{width:100%; height:43px; background:url(../img/dina.png) repeat-x left center;}
.c-tt-01 h1{width:190px; height:43px; background:url(../img/t01.png) no-repeat center center; margin:0 auto; line-height:43px; text-align:center; font-size:30px; color:#1b1b1b;}

.inpage-n{width:1200px; height:auto; margin:20px auto 40px; background:#fff; border:1px solid #ddd; border-radius:5px; padding-top:10px; padding-bottom:10px;}
.inpage-xx{width:96%; height:auto; min-height:400px; margin:10px auto; background:#fff;}
.inpage-xx h1{width:100%; height:auto; font-size:22px; color:#1b1b1b; line-height:60px; border-bottom:1px solid #eee; text-align:center;  font-weight:lighter;}
.inpage-xx h2{width:100%; height:40px; font-size:14px; color:#b8b8b8; line-height:40px; border-bottom:1px solid #eee; text-align:center;}
.inpage-txt{ width:100%; height:auto; min-height:400px; font-size:16px; line-height:26px; color:#333; margin-top:10px;}
.inpage-txt p{font-size:16px; line-height:26px; color:#333;}
.inpage-txt img{max-width:100%; height:auto;}

.in-txt{ width:96%; height:auto; min-height:80px; font-size:0.9em; line-height:22px; color:#333; padding:10px 0; margin:0 auto;}
.in-txt p{font-size:0.9em; line-height:22px; color:#333;}
.in-txt img{max-width:100%; height:auto;}
.in-txt table{width:100%; height:auto; background:#ccc; font-size:0.9em;}
.in-txt td{height:30px; width:12%; text-align:center; line-height:30px; border-bottom:none; color:#666;}
.in-txt em{width:100%; height:30px; color:#12599b; line-height:30px; display:block;}
.green{color:#22ac38;}
.blue{background:#12599b !important; color:#fff !important; font-size:0.8em; text-align:center;}

/*标签*/
.tab{width:98%; height:auto; margin:15px auto 0; padding-bottom:5px;}
.tab-tt{width:10%; float:left; font-size:16px; text-align:center; height:35px; line-height:35px; font-weight:bold;}
.tab-meun{width:90%; height:auto; float:right; }
.tab-meun li{height:35px; line-height:33px; font-size:16px; margin-left:10px; margin-bottom:10px; text-align:center; display:inline-block; float:left;}
.tab-meun li a{color:#333; display:block; padding:0 15px; border:1px solid #ddd;  border-radius:5px;}
.tab-meun li a:hover,.tab-meun li.active a{color:#fff; background:#68a7e2; border:1px solid #68a7e2 !important; border-radius:5px;}

.d1{width:90%; height:35px; float:right; position:relative; margin-bottom:10px;}
.d1 input {position:absolute; width:200px; height:35px; padding-left:10px; border:1px solid #ddd;border-radius:5px;outline:none;background:#f9f9f9;color:#9E9C9C; margin-left:10px;}
.d1 button {position:absolute; left:200px; width:35px; height:35px; border:none;background:#199ee0; border-radius: 0 5px 5px 0;cursor:pointer;}
.d1 button:before {content: "\f002";font-family:FontAwesome; font-size:16px; color:#F9F0DA;}

/*面包屑*/
.mbx{width:96%; max-width:1200px; height:30px; line-height:30px; background:url(../img/home.png) no-repeat left center; background-size:16px 16px; font-size:1.0em; color:#333; text-indent:20px; margin:0 auto;}
.mbx a{color:#333; padding:0 10px;}
.mbx a:hover{color:#666;}

/*7:3右左外框*/
.pub-73-right{width:26%; height:auto; margin-left:1%; min-height:500px; float:right;}
.pub-73-left{width:73%; height:auto; min-height:500px; float:left;}

/*4:1右左外框*/
.pub-41-right{width:24%; height:auto; margin-left:1%; min-height:500px; float:right;}
.pub-41-left{width:75%; height:auto; min-height:500px; float:left;}

/*3:7左右外框*/
.pub-37-left{width:24%; height:auto; margin-right:1%; min-height:500px; float:left;}
.pub-37-right{width:74.9%; height:auto; min-height:500px; float:right; border-left:1px solid #ddd;}
/*上、下一页*/
.xx-next{width:100%; height:40px;}
.xx-next-l{width:50%; line-height:40px; color:#999; text-align:left; float:left; overflow:hidden;}
.xx-next-r{width:50%; line-height:40px; color:#999; text-align:right; float:right; overflow:hidden;}
.xx-next-l a,.xx-next-r a{color:#999;}
.xx-next-l a:hover,.xx-next-r a:hover{color:#68a7e2;}
/*左侧类别*/
.left-meun{width:96%; height:auto; margin-left:4%;}
.left-meun h1{width:100%; height:50px; line-height:50px; color:#68a7e2; font-size:1.1em; font-weight:bold; display:block; border-bottom:1px dashed #ccc; text-indent:15px;}
.left-meun li{width:90%; height:40px; line-height:40px; font-size:1.1em; margin:15px auto; text-align:center; display:block;}
.left-meun li a{color:#333; display:block;  border:1px solid #ddd;  border-radius:5px;}
.left-meun li a:hover,.left-meun li.active a{color:#fff; background:#68a7e2;  border:1px solid #68a7e2; border-radius:5px;}


@media only screen and (max-width:768px){
.inpage-w2{width:100%; height:auto; min-height:350px; background:url(../img/bj-w2.jpg) no-repeat center center; background-attachment:fixed; padding-top:20px; padding-bottom:1px; background-size:cover;}
.inpage-w{width:100%; height:auto; min-height:350px; background:url(../img/bj-w2.jpg) no-repeat center center; background-attachment:fixed; padding-top:20px; padding-bottom:1px; background-size:cover;}
.in-txt{ width:100%; height:auto; min-height:80px; font-size:0.9em; line-height:22px; color:#333; padding:10px 0;}
.in-txt table{width:100%; height:auto; background:#ccc; font-size:0.8em; margin:0 auto;}
.in-txt td{height:30px; width:12%; text-align:center; line-height:30px; border-bottom:none; color:#666;}
.blue{background:#12599b !important; color:#fff !important; font-size:0.8em;}
	
	
.ny-banner-youshi{width:100%; height:120px; background:url(../img/bn-youshi.jpg) no-repeat center top; border-bottom:1px solid #c6c6c6; background-size: cover;}


.inpage-w{width:100%; height:auto; background:url(../img/st.png) repeat; padding-top:10px; padding-bottom:20px;}
.c-tt-01{width:100%; height:39px; background:url(../img/dina.png) repeat-x left center; margin-top:10px;}
.c-tt-01 h1{width:160px; height:39px; background:url(../img/t01.png) no-repeat center center; margin:0 auto; line-height:39px; text-align:center; font-size:1.3em; color:#1b1b1b; background-size:contain;}

.inpage-n{width:96%; height:auto; margin:20px auto 0; background:#fff; border:1px solid #ddd; border-radius:5px; padding-top:10px; padding-bottom:10px;}
.inpage-xx{width:96%; height:auto; min-height:400px; margin:10px auto; background:#fff;}
.inpage-xx h1{width:100%; height:auto; font-size:1.1em; color:#1b1b1b; line-height:22px; padding:9px 0; border-bottom:1px solid #eee; text-align:center;  font-weight:lighter;}
.inpage-xx h2{width:100%; height:auto; font-size:0.9em; color:#b8b8b8; line-height:18px; padding:5px 0; border-bottom:1px solid #eee; text-align:center;}
.inpage-txt{ width:100%; height:auto; font-size:0.9em; line-height:22px; color:#333; margin-top:10px;}
.inpage-txt p{font-size:0.9em; line-height:22px; color:#333;}
.inpage-txt img,.inpage-xx img{max-width:100% !important; height:auto;}

.in-txt{ width:96%; height:auto; min-height:80px; font-size:0.9em; line-height:22px; color:#333; padding:10px 0; margin:0 auto;}
.in-txt p{font-size:0.9em; line-height:22px; color:#333;}
.in-txt img{max-width:100%; height:auto;}


/*标签*/
.tab{width:98%; height:auto; margin:15px auto 0; padding-bottom:5px; border-bottom:1px dashed #ddd; }
.tab-tt{width:25%; float:left; font-size:16px; text-align:center; height:35px; line-height:35px; font-weight:bold;}
.tab-meun{width:75%; height:auto; float:right; }
.tab-meun li{height:33px; line-height:30px; font-size:16px; margin-left:8px; margin-bottom:10px; text-align:center; display:inline-block; float:left;}
.tab-meun li a{color:#333; display:block; padding:0 10px; border:1px solid #ddd;  border-radius:5px;}
.tab-meun li a:hover,.tab-meun li.active a{color:#fff; background:#68a7e2; border:1px solid #68a7e2 !important; border-radius:5px;}
.d1{width:75%; height:35px; float:right; position:relative; margin-bottom:10px;}

/*7:3右左外框*/
.pub-73-right{ display:none;}
.pub-73-left{width:100%; height:auto; min-height:300px; float:none;}
/*4:1右左外框*/
.pub-41-right{display:none;}
.pub-41-left{width:100%; height:auto; min-height:300px; float:none;}
/*3:7左右外框*/
.pub-37-left{width:100%; height:auto; min-height:40px; float:none;}
.pub-37-right{width:100%; height:auto; min-height:300px; float:none; border-left:none;}
/*上、下一页*/
.xx-next span{ display:none;}
/*左侧类别*/
.left-meun{width:100%;  height:auto; margin-left:0; margin-top:10px;}
.left-meun h1{ display:none;}
.left-meun ul{display:table; text-align:center; margin:0 auto;}
.left-meun li{width:120px; height:30px; line-height:30px; font-size:1.0em; margin:0 5px 10px; text-align:center; display: inline-block;}
.left-meun li a{color:#333; display:block;  border:1px solid #ddd; border-radius:15px;}
.left-meun li a:hover,.left-meun li.active a{color:#fff; background:#68a7e2;  border:1px solid #68a7e2; border-radius:15px;}


}
/*课程列表*/
.coures-list{width:100%; height:auto; margin-top:10px;}
.coures-list dl{width:287px; height:auto; margin:15px auto; display:block; float:left;}
.coures-list dt{width:260px; height:190px; margin:0 auto; display:block; overflow:hidden; border-radius:5px 5px 0 0;}
.coures-list dt img{width:260px; height:190px; transition: all 0.6s;}
.coures-list dt img:hover{transform: scale(1.2);}
.coures-list dd{width:260px; height:40px; line-height:40px; font-size:0.9em; margin:0 auto; display:block; color:#313131; background:#eee; text-indent:10px; position:relative; border-radius:0 0 5px 5px;}
.coures-list dd span{font-size:0.8em; color:#999; right:10px; position:absolute;}
.coures-list dd a{color:#313131; display:block;}
.coures-list dd a:hover{color:#000;}

.inpage-coures-list{width:100%; height:auto; margin-top:10px;}
.inpage-coures-list h1{width:100%; height:60px; font-size:24px; color:#1b1b1b; line-height:60px; border-bottom:1px solid #eee; text-align:center;  font-weight:lighter;}
.inpage-coures-list dl{width:293px; height:auto; margin:15px auto; padding:15px 0; display:block; border:1px solid #eee;}
.inpage-coures-list dt{width:260px; height:190px; margin:0 auto; display:block; overflow:hidden; border-radius:5px 5px 0 0;}
.inpage-coures-list dt img{width:260px; height:190px; transition: all 0.6s;}
.inpage-coures-list dt img:hover{transform: scale(1.2);}
.inpage-coures-list dd{width:260px; height:40px; line-height:40px; font-size:0.9em; margin:0 auto; display:block; color:#313131; background:#eee; text-indent:10px; position:relative; border-radius:0 0 5px 5px;}
.inpage-coures-list dd span{font-size:0.8em; color:#999; right:10px; position:absolute;}
.inpage-coures-list dd a{color:#313131; display:block;}
.inpage-coures-list dd a:hover{color:#000;}



@media only screen and (max-width:768px){
.coures-list dl{width:100%; height:auto; margin:15px auto; display:block; float:left;}
}

/*新闻资讯内页*/
.news-list{width:96%; height:auto; min-width:400px; margin:0 auto;}
.news-list li{ width:100%; height:auto; margin-top:15px; padding-bottom:15px; border-bottom:1px dashed #ccc;}
.news-list li .img4{width:25%; height:auto; margin-right:2.5%; border:1px solid #ccc; float:left; overflow:hidden;}
.news-list li img{width:100%; height:auto; cursor: pointer; transition: all 0.6s;}
.news-list li img:hover{transform: scale(1.3);}

.news-list li h1{ width:72%; line-height:40px; font-size:1.3em; display:block; float:right;}
.news-list li h1 a{ color:#313131; -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news-list li h1 a:hover{ color:#68a7e2;}
.news-list li p{width:72%;line-height:24px; font-size:0.95em; color:#5e5e5e; margin-top:5px; display:block; float:right;}
.news-list li span{width:72%;line-height:24px; font-size:0.9em; color:#ccc; margin-top:5px; display:block; float:right; font-style:italic;}
@media only screen and (max-width:768px){
.news-list{width:96%; height:auto; min-width:200px;  margin:0 auto;}
.news-list li{ width:100%; height:auto; margin-top:10px; padding-bottom:10px; border-bottom:1px dashed #ccc;}
.news-list li .img4{width:25%; height:auto; margin-right:2.5%; border:1px solid #ccc; float:left; overflow:hidden;}
.news-list li img{width:100%; height:auto; cursor: pointer; transition: all 0.6s;}
.news-list li img:hover{transform: scale(1.3);}

.news-list li h1{ width:72%; line-height:20px; font-size:1.0em; display:block; float:right;}
.news-list li h1 a{ color:#313131; -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news-list li h1 a:hover{ color:#68a7e2;}
.news-list li p{ display:none;}
.news-list li span{width:72%;line-height:24px; font-size:0.8em; color:#ccc; margin-top:5px; display:block; float:right; font-style:italic;}

}
/*教员展示内页*/
.teacher-list{width:100%; height:auto;}
.teacher-list li{width:100%; height:auto; border-bottom:1px dashed #ddd; display:block;}
.tch-img{width:160px; height:220px; margin:30px 15px; float:left;}
.tch-img span{width:100%; height:60px; line-height:60px; color:#333; font-size:24px; text-align:center; display:block;}
.tch-info{width:500px; height:auto; margin:30px 0; float:left;}
.tch-info td{height:40px; background:#fff; vertical-align:middle; line-height:20px; font-size:0.9em; color:#333;  border-bottom:1px dotted #ddd;}
.td-l{ width:18%; text-align:center; font-weight:bold;}
.td-r,.td-r2{ width:82%; padding:0 10px;}
.td-r em{height:22px; margin:5px 10px 5px 0; padding:0px 10px 0 0;}
.td-r2 em{height:22px; margin:5px 10px 5px 0; padding:0px 10px 0 0;}
.pd-10{padding-top:10px; padding-bottom:10px;}

.tch-bnt{width:170px; height:auto; margin:30px 0; float:right;}
.tch-bnt dl{width:90%; height:auto; margin:0 auto;}
.tch-bnt dt{width:100%; height:60px; text-align:center; display:block;}
.tch-bnt dd{width:100%; height:36px; margin:0 auto; line-height:36px; font-size:18px; text-align:center;}
.tch-bnt .dd01 a{ width:80%; height:36px; margin:20px auto 0; background:#199ee0; border-radius:19px; display:block; color:#fff;}
.tch-bnt .dd01 a:hover{ background:#72b2ee; border-radius:19px;}
.tch-bnt .dd02 a{ width:80%; height:36px; margin:20px auto 0; background:#8fc31f; border-radius:19px; display:block; color:#fff;}
.tch-bnt .dd02 a:hover{ background:#9dd22c; border-radius:19px;}

.tch-r-list{width:262px; height:auto; margin-left:13px;}
.tch-r-list td{text-align:center; border-bottom:1px solid #eee;}
.t-r-200{width:220px; height:30px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.t-r-203{width:220px; height:90px; line-height:24px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.t-r-btn{width:80%; height:36px; margin:15px auto; background:#199ee0; border-radius:19px; display:block; color:#fff; border:none; cursor:pointer;}

.tch-xx-l{width:100%; height:auto; text-align:center; padding-top:30px;}
.tch-xx-l img{max-width:100%; height:auto;}
.tch-xx-l span{width:100%; height:auto; line-height:40px; padding-top:20px; display:block; margin-bottom:20px;}
.tch-xx-l span a{width:70%; height:40px; margin:0px auto; background:#199ee0; border-radius:20px; display:block; color:#fff;}
.tch-xx-l span a:hover{background:#72b2ee; border-radius:20px;}

.tch-xx-r{width:100%; height:auto; min-width:300px;}
.tch-xx-r h1{font-size:1.1em; text-align:left !important; text-indent:10px; background:#e1e1e1;}
.666 {color:#666}
.tch-xx-r td{height:40px; background:#fff; vertical-align:middle; line-height:20px; font-size:0.9em; color:#333;  border-bottom:1px dotted #ddd;}


@media only screen and (max-width:768px){
.teacher-list li{width:100%; height:auto; border-bottom:1px dashed #ddd; padding-bottom:20px; display:block;}
.tch-img{width:100%; height:auto; margin:20px 0 0 0; float:none; text-align:center;}
.tch-img span{width:100%; height:40px; line-height:40px; color:#333; font-size:1.2em; text-align:center; display:block;}
.tch-img img{width:120px; height:auto;}
.tch-info{width:100%; height:auto; margin:10px 0 0 0; float:none;}
.tch-bnt{width:100%; height:auto; margin:0 0 30px 0; float:none;}
.tch-bnt dt{display:none;}
.tch-bnt dd{width:100%; height:30px; margin:0 auto 10px; line-height:30px; font-size:1.0em; text-align:center; float:left;}
.tch-bnt .dd02 a{ width:80%; height:30px; margin:10px auto; background:#8fc31f; border-radius:19px; display:block; color:#fff;}
.tch-bnt .dd01 a{ width:50%; height:30px; margin:10px auto; background:#199ee0; border-radius:19px; display:block; color:#fff;}
}
/*教员展示内页*/
.message{width:100%; height:auto; min-height:350px; margin:30px auto; background:url(../img/ms-bj.png) no-repeat right bottom;}
.message table{width:70%; margin:0 auto;}
.message td{height:60px; vertical-align:middle;}
.m-t-l{width:20%;}
.m-t-r{width:80%;}
.m-t-60{width:50%; height:40px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.m-t-50{width:30%; height:40px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.m-t-603{width:70%; height:90px; line-height:24px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.m-t-btn{width:30%; height:36px; margin:15px auto; background:#199ee0; border-radius:19px; display:block; color:#fff; border:none; cursor:pointer;}
@media only screen and (max-width:768px){
.message{width:100%; height:auto; min-height:250px; margin:30px auto; background:url(../img/ms-bj.png) no-repeat right bottom; background-size:contain;}
.message table{width:100%; margin:0 auto;}
.message td{height:60px; vertical-align:middle;}
.m-t-l{width:30%;}
.m-t-r{width:70%;}
.m-t-60{width:80%; height:40px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.m-t-50{width:40%; height:40px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.m-t-603{width:90%; height:90px; line-height:24px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.m-t-btn{width:40%; height:36px; margin:15px auto; background:#199ee0; border-radius:19px; display:block; color:#fff; border:none; cursor:pointer;}
}

/*注册登录*/
.reg-w{width:1200px; height:550px; margin:0 auto;}
.reg-n{width:310px; height:auto; margin:0 auto; background:rgba(255, 255, 255, 0.95); border-radius:10px; padding-top:15px;}
.reg-w h1{width:100%; height:50px; line-height:50px; font-size:24px;  text-align:center; font-weight:lighter; color:#fff;}
.reg-xx{width:100%; height:auto; margin-bottom:15px;}
.reg-xx dl{width:240px; height:auto; margin:0 auto; display:block;}
.reg-xx dt{width:100%; height:50px; display:block;}
.reg-xx dt h1{width:100%; height:40px; margin:5px auto; color:#12599b; line-height:40px; text-align:center; font-size:1.4em;}
.reg-xx dd{width:100%; height:auto; font-size:14px; display:block;}
.reg-xx dd span{width:50%; height:50px; display:block; line-height:36px;}
.reg-xx dd span a{color:#666;}
.reg-xx dd span a:hover{color:#12599b;}
.sp-l{text-align:left; float:left;}
.sp-r{text-align:right; float:right;}
.sp50{width:90px !important; height:30px !important; line-height:30px !important; margin:10px auto; background:#12599b; border-radius:5px; display:block; text-align:center; color:#fff;}
.reg-h40{line-height:40px; height:40px; font-size:18px !important; color:#313131;}

.reg-txt200{width:240px; height:40px; line-height:40px; margin:5px auto; border:1px solid #ddd; border-radius:5px; outline:none; font-size:14px; display:block; text-indent:5px;}
.reg-txt50{width:95%; height:40px; line-height:40px; margin:5px auto; border:1px solid #ddd; border-radius:5px; outline:none; font-size:14px; display:block; text-indent:5px;}
.reg-btn{width:80%; height:35px; font-size:14px; margin:15px auto 0; background:#199ee0; border-radius:19px; display:block; color:#fff; border:none; cursor:pointer;}




@media only screen and (max-width:768px){
.reg-w{width:100%; height:450px; margin:0 auto;}
}

.mtc-info-r{width:100%; height:auto; min-width:300px;}
.mtc-info-r h1{font-size:1.1em; text-align:left !important; text-indent:10px; background:#e1e1e1;}
.666 {color:#666}
.mtc-info-r td{height:40px; background:#fff; vertical-align:middle; line-height:20px; font-size:0.9em; color:#333;  border-bottom:1px dotted #ddd;}
.mtc-info-r h1 span a{padding-left:20px; color:#ca1911; font-size:16px;}
.mtc-info-r h1 span a:hover{color:#199ee0;}
.mtc-info-r h1 em{color:#199ee0; font-size:0.8em; margin-left:20px;}

.mtc-info-photo{width:100%; height:auto; margin-top:30px; padding-bottom:30px;}
.mtc-info-photo dt{width:26%; height:auto; float:left;}
.mtc-info-photo dt img{ width:100%; max-width:160px; height:auto;}
.mtc-info-photo dd{width:73%; height:auto; float:right;}
.mtc-info-photo h3{width:100%; height:auto; line-height:24px; font-size:1.0em; color:#313131;}
.mtc-info-photo p{width:100%; height:auto; margin-top:10px; line-height:24px; font-size:1.0em; color:#666;}
/*
.mtc-info-photo span{width:100%; height:auto; text-align:center; }
.mtc-info-photo span a{ width:80px; height:36px; line-height:36px; margin-top:20px; background:#199ee0; border-radius:19px; display:block; color:#fff;}
.mtc-info-photo span a:hover{ background:#72b2ee; border-radius:19px;}
*/
.mtc200{width:220px; height:30px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.mtc80{width:80%; height:30px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.mtc203{width:80%; height:90px; line-height:24px; margin:10px auto; padding:10px; border:1px solid #ddd;border-radius:5px; outline:none;}
.mtc-btn{width:90px; height:36px; margin:15px 0 15px 40px; background:#313131; border-radius:19px; display:block; color:#fff; border:none; cursor:pointer; font-size:0.9em;}

.mtc200select{width:220px; height:30px; margin:10px auto; padding: 0 10px; border:1px solid #ddd;border-radius:5px; outline:none;}



.in-txt2{width:96%; height:auto; min-height:80px; font-size:0.9em; line-height:22px; color:#333; padding:10px 0; margin:0 auto;}
.in-txt2 p{font-size:0.9em; line-height:22px; color:#333;}
.in-txt2 img{max-width:100%; height:auto;}
.in-txt2 table{width:100%; height:auto; background:#ccc; font-size:1.0em;}
.in-txt2 td{height:50px; line-height:24px; border-bottom:none; color:#666; text-align:center; padding:13px 0;}
.in-txt2 em{width:100%; height:30px; color:#12599b; line-height:30px; display:block;}

/*家教需求列表*/
.need-list{width:100%; height:auto; padding-top:20px;}
.need-list dl{width:23%; height:auto; margin:0 1% 30px; border:1px solid #ddd; border-radius:5px; display:block; float:left; padding:10px 0;}
.need-list dt{width:96%; height:30px; line-height:30px; font-size:1.0em; color:#12599b; margin:0 auto; border-bottom:1px solid #ccc; text-indent:10px;}
.need-list table{width:96%; margin:0 auto;}
.need-list td{color:#313131; padding:7px 0; line-height:24px; font-size:0.9em; border-bottom:1px dotted #bbb;}
.ntd-l{font-weight:bold; text-align:center;}
.ntd-r{padding-left:5px !important; padding-right:5px !important; text-align:left !important;}
.ntd-r em{height:18px; line-height:18px; margin-right:7px; padding:2px 8px; border:1px solid #8fc31f; color:#8fc31f; border-radius:15px;}
.ntd-btn{width:90px; height:36px; margin:10px auto; background:#12599b; border-radius:19px; display:block; color:#fff; cursor:pointer; font-size:0.9em; line-height:36px; text-align:center;}
.ntd-btn a{color:#fff;}

.ntd-btn-gray{width:90px; height:36px; margin:10px auto; background:#313131; border-radius:19px; display:block; color:#fff; cursor:pointer; font-size:0.9em; line-height:36px; text-align:center;}
.ntd-btn-gray a{color:#fff;}

.ntd-dd{height:190px; overflow-y:auto;}
@media only screen and (max-width:768px){
.need-list dl{width:96%; height:auto; margin:0 auto; border:1px solid #ddd; border-radius:5px; display:block; float:none; padding:10px 0;}
}



.layout {
    padding: 56px 0 64px;
    margin: 0 auto;
    width: 1170px;
    overflow: visible;
}

.tit {
    font-size: 16px;
    line-height:26px;
    color: #666;
    text-align: center;
}
.selectionSteps {
    position: relative;
}
.stepsDesc.first {
    top: 10px;
    left: 905px;
}
.stepsDesc {
    position: absolute;
}
.stepsModule {
    margin: 36px auto 0;
    width: 622px;
    height: 366px;
    background: url(../img/selectionSteps_6794dfa.png) no-repeat center;
}
.stepsDesc.second {
    top: 80px;
    left: 90px;
}
.stepsDesc.third {
    top: 163px;
    left: 815px;
}
.stepsDesc.fourth {
    top: 248px;
    left:126px;
}
.stepsDesc.fifth {
    top: 305px;
    left: 730px;
}
.layout ul li.first {
    margin-left: 226px;
}
.layouts ul li.first {
    margin-left: 160px;
}

.layout ul li img {
    width: 125px;
    /*height: 139px;*/
}
.layout ul{
    margin:0 auto;
}
.layout ul li .teachCon {
    background: #68A7E3;
    color: #fff;
    margin-top: -7px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    /*padding: 20px 20px 30px;*/
    height: 250px;
    padding:20px 0 10px;

}
.layout ul li .teachCon .name{
    font-size: 18px;
}
.layout ul li .teachCon .goodAt{
    font-size: 14px;
}
.layout ul li .teachCon p{
    font-size: 10px;
}
.layouts ul li .teachCon {

    margin-top: -7px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 20px 30px;
    height: 235px;

}
.title10{
    width:100%;
    padding:60px 0;
    height:280px;
    background: url("../img/zheng.jpg") center/cover;
}
.title10 p{
    margin-top: 20px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
.teachCon p.name {

    font-size: 16px;
    color: #fff;
    text-align: center;

}
.teachCon>p{
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
.teachCon p.goodAt {
    margin-top: 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;

}
.layout ul{
    overflow: hidden;
}
.layout ul li {

    width: 210px;
    margin: 60px 23px 0;
    float: left;
    font-size: 10px;
    background: #fffffd;
    border-radius: 10px;

}
.layout ul li.last {

    margin-right: 0;

}
.layouts ul{
    overflow: hidden;
}
.layouts ul li {

    width: 185px;
    margin: 60px 11px 0;
    float: left;
    background: #fffffd;
    border-radius: 10px;

}
.shangtu{
    background: url(../img/st.jpg) center/cover;
    width:210px;
    text-align: center;
}
.shangtu img{
    transform: translateY(-px);
}
.layouts ul li.last {

    margin-right: 0;

}
.cont{
    background: url("../img/6.png") center/cover;
    color: #fff;
    line-height: 30px;
    text-align: right;
    position: relative;
    height: 330px;
}
.cont>h2{
    color: #fff;
    text-align: right;
}
.cont1{
    background: url("../img/1.jpg") center/cover;
    color: #f990ec;
    text-align: right;
    line-height: 30px;
    overflow: hidden;
    padding:20px 0;
}
.cont1 p{
    width:300px;
    margin:0 auto;
    float: left;

    text-align: left;
}
.cont1s{

     color: #f990ec;
     line-height: 30px;
     overflow: hidden;
     padding:20px 0;
 }
.cont1t{
    background: url("../img/xue.jpg") center/cover;

    color: #fff;
    line-height: 30px;
    overflow: hidden;
    padding:80px 0;
}
.cont1t1{
    background: url(../img/pin.jpg);
    background-attachment: fixed;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    font-size: 24px;
    font-weight:600;
    padding:20px 0;
    margin-top: 20px;
}
.cont1t h2{
    color: #fff;
}
.cont1t ul{
    /*display: flex;*/
    margin-top: 30px;
    /*justify-content: space-around;*/
}
.cont1t ul li{
    float: left;
    width:160px;
    height:240px;
    padding:10px ;
    line-height: 24px;
    margin-left: 25px;
    padding-top: 30px;
    font-size: 12px;
    background: rgba(0,0,0,0.3);
}
.cont1t ul li h3{
    font-size: 16px;
    font-weight:600;
}
.cont1t ul li p{
    margin-top: 20px;
}
.cont1s p{
    width:400px;
    margin:0 auto;
    margin-left: 100px;
    float: left;

    margin-top: 30px;
    text-align: center;
    font-weight:600;
    font-size: 24px;
}
.cont1 p:first-of-type{
    margin-left: 300px;
}
.cont1>h2{
    color: #ff4242;
}
span.bottomLine {

    display: block;
    margin: 10px auto;
    width: 30px;
    height: 1px;
    background: #ddd;

}
#onKeyAppointment {

    z-index: 99;
    height: 312px;
    background: url(../img/zhi.jpg);
    background-attachment: fixed;

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;
}
#onKeyAppointment .layout {

    position: absolute;
    z-index: 2;
    padding: 55px 0;
    left: 50%;
    margin-left: -600px;

}

#onKeyAppointment .layout ul {
    margin: 63px 0 0;
    padding-left: 80px
}

#onKeyAppointment .layout ul li.second {

    background: url(../img/arr_e2bd5ca.png?__sprites) no-repeat 286px 0;

}
#onKeyAppointment .layout1 ul li .step {
    float: left;
    margin-left: 30px;
    color: #fff;
    background: rgba(0,0,0,0.4);
    padding:10px;

}
#onKeyAppointment .layout1 ul li:first-of-type .step{
  margin-left: 60px;
}
#onKeyAppointment .layout1 ul{
    margin-top: 50px;
}
#onKeyAppointment .layout ul li .step span.onKeyAppointmentDesc {

    font-size: 20px;
    line-height: 30px;

}
.layout1{
    padding-top: 30px;
}
#onKeyAppointment .layout ul li .step span {

    display: inline-block;
    color: #fff;
    font-family: "Microsoft YaHei Light";
    font-weight: 600;

}
.jiantou{
    margin-left: 30px;
    float: left;
}
.beijing{
    width:100%;
    height:260px;
    color: #fff;
    padding:50px;    font-weight:600;
    position: relative;
    background: url("../img/wan.jpg") center/cover;
    text-align: left;

}
.beijing h2{
    text-align: left;
    margin-left: 80px;
}
.mask{
     padding:50px;
     position: absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background: rgba(0,0,0,0.3);
 }
.masks{
    padding:50px;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.3);
}
.beijing p{
    color: #fff;
    text-align: left;
    margin-left: 80px;
}
.layout .button{
    width:120px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: deepskyblue;
    border:none;
    outline:none;
    padding:10px 0;
    margin-left: 80px;
    margin-top: 10px;
    cursor: pointer;

}
.teachCons p{
    padding-left:10px;
}
.teachCons p:first-of-type{
    color: #9c9c9c;
    padding-left:0;
    margin-bottom: 12px;
}
.teachCons p:nth-of-type(3){
    color: #9c9c9c;
    padding-left:0;
    font-size: 12px;
    margin-bottom: 12px;
}
#uls li{
    padding:8px;
    height:180px;
}

.hr{
    width:100%;
    margin:15px auto;
    height:2px;
    background: #ccc;
}
.nei_hr{
    width:20%;
    height:100%;
    background: red;
}