@charset "utf-8";
/* CSS Document */
body{background-color:#000;
width:100%;
}
.box-shadow{  
    box-shadow:-10px 0 30px rgba(0,0,0,.8), /*左边阴影*/  
    10px 0 30px rgba(0,0,0,.8), /*右边阴影*/  
    0 -10px 30px rgba(0,0,0,.8), /*顶部阴影*/  
    0 10px 30px rgba(0,0,0,.8); /*底边阴影*/  
}  
.head-bg{width:100%; height:285px; background:url(../images/head.jpg) no-repeat center; margin-top:72px;}
.warp-box{width:98%; min-height:500px; position:relative; margin:0 auto; background-color:#fff; padding-top:135px; padding-bottom:20px; border-top-left-radius:8px;
border-top-right-radius:8px; -moz-border-top-left-radius:8px; -moz-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px;}
.warp-box .title{width:423px; height:67px; background:url(../images/title.png) no-repeat; position:absolute; top:50px; left:-11px; font-size:32px; text-indent:38px; line-height:61px;}

.bottom{width:705px; margin:0 auto; overflow:hidden; margin-top:80px; padding-bottom:80px;}
.bottom .info{display:block; margin:0 auto;}
.bottom p.phone, .bottom p.weixin
{color:#fff; font-size:46px; background-repeat:no-repeat; background-position:60px center; height:84px; line-height:84px; text-indent:200px; margin:30px 0;}
.bottom p.phone{background-image:url(../images/phone.png);}
.bottom p.phone a{color:#fff;}
.bottom p.weixin{background-image:url(../images/weixin.png);}
.bottom img.code{display:block; margin:0 auto;}
.bottom p.code-p{text-align:center; font-size:18px; color:#fff; font-weight:bold; margin-top:15px;}

.bottom .btn-group{width:98%; overflow:hidden; margin:0 auto 6% auto;}
.bottom .btn-group a{color:#fff; font-size:3em; text-align:center; line-height:5.8;}
.bottom .btn-group a.prev{float:left; background:url(../images/prev.png) center no-repeat; width:43%; height:165px; text-indent:-30px;}
.bottom .btn-group a.next{float:right; background:url(../images/next.png) center no-repeat; width:43%; height:165px; text-indent:10px;}

.top-nav{width:100%; background-color:#edf9f2; overflow:hidden; position:fixed; top:0; left:0; z-index:999999999;}
.top-nav ul li{float:left; width:24.9%; border-right:#1cab56 solid 1px; text-align:center; box-sizing:border-box;}
.top-nav ul li a{font-size:2em; color:#1cab56; line-height:3;}

.btn-menu{width:100%; position:fixed; bottom:0; left:0; background-color:#fff; border:#000 solid 1px; border-right:0; box-sizing:border-box;}
.btn-menu ul li{width:20%;  float:left; text-align:center; line-height:3; font-size:2em; box-sizing:border-box; border-right:#000 solid 1px;}
.btn-menu ul li.on{background-color:#000;}
.btn-menu ul li.on a{color:#ac8143;}

/*讲师资质*/
.teacher .info{overflow:hidden;}
.teacher .info .info-img{max-width:30%; float:left; margin-right:3%; margin-top:6%;}
.teacher .info .info-word{float:left; width:65%;}
.teacher .info .info-word h1{font-size:2.4em; font-weight:bold; color:#88311c;}
.teacher .info .info-word h1 a{display:inline-block; padding-left:8px;}
.teacher .info .info-word h1 span{font-size:18px; font-weight:normal; color:#333;}
.teacher .info .info-word h2{font-size:2em; font-weight:normal; margin-bottom:10px;}
.teacher .info .info-word h2 i{font-size:24px; color:#88311c; padding:0 10px; margin-top:10px;}
.teacher .info .info-word p{font-size:1.6em; line-height:1.8;}
.teacher .cont-one{width:100%; min-height:400px; border-top:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 3px; margin-top:15px;}
.teacher .cont-one p.tit{font-size:2.4em; text-align:center; line-height:40px; color:#44302c;}
.teacher .cont-one .video{width:690px; height:350px; overflow:hidden; margin:0 auto;}
.teacher  p.link{font-size:2.4em; line-height:2; text-indent:50px;}
.teacher  p.link a{color:#44302c;}
.teacher  p.link a:hover{text-decoration:underline;}
.teacher  .h61{font-size:2.8em; font-weight:normal; text-indent:50px; margin:8px 0; color:#e7de4b;}
.teacher  p.ellipsis{font-size:2.4em; line-height:1.8; text-indent:50px;}

/*课程花絮*/
.feature .feature-box{width:605px; margin:0 auto;}
.feature .feature-box ul li{overflow:hidden; margin-bottom:20px;}
.feature .feature-box ul li .left-info{width:460px; overflow:hidden; float:left;}
.feature .feature-box ul li .left-info h1{font-size:22px; line-height:34px; height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000;}
.feature .feature-box ul li .left-info p{font-size:1.6em; line-height:18px;}
.feature .feature-box ul li img{width:130px; height:70px; float:right;}
.feature h1.next{font-size:36px; font-weight:normal; text-align:center; color:#ef0a0d; margin-top:100px;}
/*疑问解答*/
.faq .faq-box{overflow:hidden;}
.faq .faq-box .left-cont{width:350px; padding-left:30px; float:left;}
.faq .faq-box .left-cont p{font-size:16px; color:#333; line-height:24px; margin-top:10px;}
.faq .faq-box .left-cont p i{color:#249de9;}
.faq .faq-box .left-cont p em{color:#ea4732;}
.faq .faq-box .left-cont p.tit{font-size:20px;}
.faq .faq-box img.img-2{float:right; max-width:300px; margin-top:85px;}
.faq .faq-box .bottom-cont{width:100%; border-top:#e5e5e5 solid 2px; margin-top:30px; padding:30px; box-sizing:border-box;}
.faq .faq-box .bottom-cont img{display:block; margin:30px auto;}
.faq .faq-box .bottom-cont p{font-size:20px; line-height:30px;}
/*课程介绍*/
.course .course-box{width:100%; overflow:hidden;}
.course .course-box h1{font-size:50px; text-align:center; color:#000;}
.course .course-box h2{font-size:30px; text-align:center; color:#000; margin-top:20px;}
.course .course-box h2 i{padding-left:20px;}
.course .course-box .course-cont{width:655px; height:655px; overflow:hidden; margin:30px auto 0 auto; position:relative; background:url(../images/course.png) no-repeat center;}
.course .course-box .course-cont .courseinfo{position:absolute;}
.course .course-box .course-cont .courseinfo p{font-size:18px; font-weight:bold;}
.course .course-box .course-cont .courseinfo p i{padding-left:20px;}
.course .course-box .course-cont .info1{width:170px; top:0; left:170px;}
.course .course-box .course-cont .info1 p{text-align:right;}
.course .course-box .course-cont .info1 p.time{color:#86b905;}
.course .course-box .course-cont .info2{width:190px; top:160px; right:0;}
.course .course-box .course-cont .info2 p.time{color:#16b2b1;}
.course .course-box .course-cont .info3{width:170px; bottom:5px; right:170px;}
.course .course-box .course-cont .info3 p.time{color:#e76301;}
.course .course-box .course-cont .info4{width:170px; bottom:170px; left:30px;}
.course .course-box .course-cont .info4 p.time{color:#a05095;}
/*课程对比*/
.contrast-warp{width:100%; margin:0 auto;}
.contrast-warp .contrast{margin-bottom:30px;}
.contrast-warp .contrast .info-top{overflow:hidden; padding:25px 0; border-bottom:#e5e5e5 solid 1px;}
.contrast-warp .contrast .info-top img{float:left;}
.contrast-warp .contrast .info-top .right-info{float:right;}
.contrast-warp .contrast .info-btm{overflow:hidden; padding:25px 0;}
.contrast-warp .contrast .info-btm .left-info{float:left;}
.contrast-warp .contrast .info-btm .left-info img.subtitle{float:none;}
.contrast-warp .contrast .info-btm img{float:right;}
.contrast-warp .contrast1 .right-info{width:62%; margin-right:10px;}
.contrast-warp .contrast1 .right-info h1{font-size:24px;}
.contrast-warp .contrast1 .right-info h2{font-size:20px; font-weight:normal; margin:10px 0 25px 0;}
.contrast-warp .contrast1 .right-info h2 b{font-size:24px; padding:0 5px;}
.contrast-warp .contrast1 .right-info p{font-size:1.6em; line-height:1.8;}
.contrast-warp .contrast1 .info-btm .left-info{width:310px; padding-left:30px;}
.contrast-warp .contrast1 .info-btm .left-info h1{font-size:24px; color:#ca8449; margin:8px 0 20px 0;}
.contrast-warp .contrast1 .info-btm .left-info p{font-size:1.6em; color:#ca8449; line-height:30px;}
.contrast-warp .contrast1 .info-btm .img-6{margin-top:20px;}
/**/
.contrast-warp .contrast2 img{margin-left:25px;}
.contrast-warp .contrast2 .right-info{width:380px; margin-right:100px;}
.contrast-warp .contrast2 .right-info h1{font-size:24px;}
.contrast-warp .contrast2 .right-info h2{font-size:20px; font-weight:normal; margin:10px 0;}
.contrast-warp .contrast2 .right-info p{font-size:1.6em; line-height:30px;}
.contrast-warp .contrast2 .info-btm .left-info{width:300px; padding-left:30px;}
.contrast-warp .contrast2 .info-btm .left-info h1{font-size:24px; color:#ca8449; margin:15px 0;}
.contrast-warp .contrast2 .info-btm .left-info p{font-size:1.6em; color:#ca8449; line-height:30px;}
.contrast-warp .contrast2 .info-btm .left-info p.indent{text-indent:48px;}
.contrast-warp .contrast2 .info-btm .img-8{margin-right:20px;}
/**/
.contrast-warp .contrast3 .right-info{width:340px; margin-right:60px;}
.contrast-warp .contrast3 .right-info h1{font-size:24px;}
.contrast-warp .contrast3 .right-info h1 span{font-size:20px; font-weight:normal; padding-left:8px;}
.contrast-warp .contrast3 .right-info h1 span b{font-size:30px; color:#ea4732; padding-left:10px;}
.contrast-warp .contrast3 .right-info h2{font-size:20px; margin:15px 0; font-weight:normal;}
.contrast-warp .contrast3 .right-info h2 i{color:#e32600;}
.contrast-warp .contrast3 .right-info p{font-size:16px; line-height:30px; margin:15px 0;}
.contrast-warp .contrast3 .right-info p i{color:#3ca6ec;}
.contrast-warp .contrast3 .info-btm .left-info{width:320px; padding-left:30px;}
.contrast-warp .contrast3 .info-btm .left-info h1{font-size:24px; color:#ca8449; margin:15px 0;}
.contrast-warp .contrast3 .info-btm .left-info h2{font-size:18px; color:#ef371c; margin-bottom:15px;}
.contrast-warp .contrast3 .info-btm .left-info h2 i{font-size:24px;}
.contrast-warp .contrast3 .info-btm .left-info p{font-size:16px; color:#ca8449; line-height:30px;}
.contrast-warp .contrast3 .info-btm .img-10{margin-right:20px;}
#foot{
position: fixed;

/*距左边距离*/
left:0%;
/*距顶端边距离*/
bottom:0%;
/*与其它Div层次的排列*/
z-index:99999;
width:100%;
padding:10px 0;
}
#lx{
	width:100%;
	height:320px;
	background:#000;
}
#lx h1{
	color:#fff;
}
#you{
position: fixed;

/*距左边距离*/
left:90%;
/*距顶端边距离*/
top:5%;
/*与其它Div层次的排列*/
z-index:99999;
}
#youz{
position: fixed;

/*距左边距离*/
left:72%;
/*距顶端边距离*/
top:50%;
/*与其它Div层次的排列*/
z-index:99999;
}



















