/*
   Created by Jerry on 2018-04-26.
   Copyright 2018 Jerry. All rights reserved.
*/
@charset "utf-8";
html {overflow-y:scroll;} 
body {margin:0; font:12px arial,"微软雅黑",sans-serif;background:#ffffff;} 
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;} 
table,td,tr,th{font-size:12px;} 
li{list-style-type:none;} 
img{vertical-align:top;border:0;} 
ol,ul {list-style:none;} 
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;} 
address,cite,code,em,th {font-weight:normal; font-style:normal;} 
a{text-decoration: none;}
a:hover{text-decoration: none;}
.clear{clear: both;}
.h10{height: 10px;}
.h20{height:20px}
.fr{float:right}
.border-btm{border-bottom: solid 1px #ccc;}


.head{width:100%;height:40px; background:#333;color:#b0b0b0;line-height: 40px;}
.head-content{width:1200px; margin:auto;}
.head-content .head-l{float: left;}
.head-content .head-l a{ color:#b0b0b0; text-decoration: none;}
.head-content .head-l .sep{margin: 0 0.5em; color: #505050;}
.head-r{float:right;}
.head-content .head-r a{float:left; color:#b0b0b0;text-decoration: none;}
.head-content a:hover{color:#fff;}
.head-content .head-r .sep{float:left;margin: 0 0.5em; color: #505050;}

.logo-part{width:1200px;margin:0 auto; height:100px; position:relative;}
.logo-part .logo{float:left;}
.logo-part .logo a{height:90px; margin:5px 0; display: block;float:left;}
.logo-part .logo a img{width:100%; height:90px; display: block;}
.logo-part .logo font{font-size:42px;line-height:100px; color:#505050;font-weight:700;}

.logo-part .tel{position: absolute; top: 20px; right: 140px; z-index: 99;}
.logo-part .consult{position:absolute;top:20px; right:140px; z-index: 99;}
.logo-part .group{position: absolute; top:20px; right:0; z-index: 99;}

.nav-part{width:100%; height:40px; background:#E60012;}
.nav-part nav{width:1200px; margin:auto;}
.nav-part nav a{float:left; text-align: center; line-height:40px; font-size:18px;color:#fff; padding:0 21.5px;}
.nav-part nav a.nowpage{background:#ab0404;}
.nav-part nav a:hover{background:#AB0404;}


.swiper-container.demo1{height:400px;}
.swiper-wrapper{ z-index: 0; }
.swiper-slide a{ display:inline-block; width: 100%; height: 400px;}
.swiper-button-prev{ z-index: 1}
.swiper-button-next{  z-index: 1}
.swiper-pagination{ z-index: 2;}
.swiper-wrapper .swiper-slide{background-repeat: no-repeat; background-position: 50% top; background-size: auto 100%;}

/*课程介绍*/
.cont0{width:1200px; margin:20px auto 40px;}
.cont0-box{width:100%; clear: both; overflow: hidden;}
.cont-show{clear: both;width:100%;}
.cont-show .cont-left{float:left; width:550px; }
.cont-show .cont-left img{float:left; width:550px; display: block;}
.cont-show .cont-right{float:right; width:620px;}
.cont-show .cont-right h3{font-size:20px; text-align: center; font-weight:700;margin-bottom:0; line-height:1.5}
.cont-show .cont-right p{float:left; text-indent: 2rem;font-size:16px; line-height:1.8;margin-top: 5px;}

/*讲师介绍*/
.cont1{width:100%; margin:0 auto 10px;background: #F4F4F4; padding:30px 0 30px;overflow: hidden;}
.cont1-box{width:1200px;margin:auto;}
.cont-title{width:100%; height:55px;}
.cont-title h2{font-size:22px;line-height: 55px;font-weight: 200; color:#333;float:left;}
.cont-title h2 span{font-size: 14px; line-height: 56px; margin: 0 5px; color: #999;}
.teacher-box{width:1200px;clear: both;    margin-top: 50px;}
.edu-group-main-box{margin-bottom: 0px;}
.edu-group-main-box li{
	width: 595px;
  	height: 250px;
  	margin-right: 10px;
  	background: white;
  	border-radius: 15px;
  	box-shadow: 0 0px 20px #d8d8d8;
  	position: relative;
  	float: left;
}
.edu-group-main-box li:nth-child(2n) {margin-right: 0px;}
.edu-group-main-box li > img {width: 33px;height: 60px;position: absolute;top: 0px;left: 20px;}
.edu-group-main-box li .edu-techer-name {width: 50%;float: left;height: 100%;padding: 90px 0px;padding-right: 90px;text-align: right;}
.edu-group-main-box li .edu-techer-name h4 {font-size: 20px;color: black;height: 30px;line-height: 30px;}
.edu-group-main-box li .edu-techer-name h3 {line-height: 30px;height: 30px;color: #888;font-size: 20px;}
.edu-group-main-box li .edu-techer-pic {width: 50%;float: left;height: 100%;position: relative;}
.edu-group-main-box li .edu-techer-pic img {position: absolute;bottom: 0px;height: 284px;width: auto;}
.edu-group-main-box li .techer-info-mark {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: absolute;left: 0px;border-radius: 15px;top: 0px;padding: 20px;color: white;font-size: 14px;display: none;}
.edu-group-main-box li .techer-info-mark h5 {height: 25px;line-height: 25px;font-size:16px; font-weight:700;}
.edu-group-main-box li .techer-info-mark p { margin: 0px; padding: 0px; line-height: 24px;}

/*技巧分类   学习之路*/
.cont2{width:1200px; margin:20px auto 40px;}

.cont2-show{width:100%; clear: both; overflow: hidden;}
.cont2-show ul{clear:both;width:100%; float:left;}
.cont2-show ul li{width:30%; margin-right:5%;float:left;}
.cont2-show ul li:nth-child(3n){margin-right:0;}
.cont2-show ul li img{width:210px; height:260px; display: block;margin:auto;}
.cont2-show ul li h3{font-size:18px; text-align: center;margin:15px auto; font-weight:700;}
.cont2-show ul li p{font-size:14px; line-height:1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-indent: 2rem;color:#666;}

/*课程分类*/
.cont3{width:100%; margin:20px auto;    background: #F4F4F4; padding:10px 0 40px;}
.cont3-box{width:1200px;margin:auto;}
.section-box{width:100%;clear: both;    overflow: hidden;}
.section-box .vip1{background:url(../img/vip1.jpg) no-repeat center;width:580px; height:310px; display: block;float:left;}
.section-box .vip1 .section-title{width:540px; margin:20px auto; display: block; border-bottom:solid 1px #CFA61A; overflow: hidden;}
.section-box .vip1 .section-title h3{float:left; font-size:20px; line-height:32px; height:32px;color:#8E6807; font-weight:700;}
.section-box .vip1 .section-title span{float:right;color:#A97F11;margin-top: 10px;}
.vip1 .section-show{width:540px; margin:60px auto 0;clear: both;}
.vip1 .section-show h4{text-align:center; font-size:30px;line-height:1.8;color:#8E6807; font-weight:700;}
.vip1 .section-show span{border:solid 1px #CFA61A; height:30px; line-height: 30px; text-align:center ;font-size:16px;color:#8E6807;display:block;margin-top: 10px;}
.vip1 .section-show font{float:left;width:100%;font-size:24px; text-align:center;color:#8E6807;; margin:30px auto 0; }

.section-box .vip2{background:url(../img/vip2.jpg) no-repeat center;width:580px; height:310px; display: block;float:right;}
.section-box .vip2 .section-title{width:540px; margin:20px auto; display: block; border-bottom:solid 1px #82BCEE; overflow: hidden;}
.section-box .vip2 .section-title h3{float:left; font-size:20px; line-height:32px; height:32px;color:#FBFDF8; font-weight:700;}
.section-box .vip2 .section-title span{float:right;color:#FBFDF8;margin-top: 10px;}
.vip2 .section-show{width:540px; margin:60px auto 0;clear: both;}
.vip2 .section-show h4{text-align:center; font-size:30px;line-height:1.8;color:#fff; font-weight:700;}
.vip2 .section-show span{border:solid 1px #82BCEE; height:30px; line-height: 30px; text-align:center ;font-size:16px;color:#fff;display:block;margin-top: 10px;}
.vip2 .section-show font{float:left;width:100%;font-size:24px; text-align:center;color:#fff; margin:30px auto 0; }

/*学习大纲*/
.cont4{width:100%; margin:20px auto;    background: #FFF; padding:10px 0 40px;}
.cont4-box{width:1200px;margin:auto;}
.course-stage{width:100%;clear: both;    overflow: hidden;}
.course-stage ul{float:left; width:100%;height:350px; display: block; overflow: hidden;}
.course-stage ul li{width:228px; float:left; margin-right:15px; background:#fff; height:335px;margin-bottom:10px;box-shadow: 0 2px 10px #d8d8d8;}
.course-stage ul li:nth-child(5n){margin-right:0;}
.course-stage ul li:nth-child(-n+5){margin-bottom:20px;}
.course-stage ul li font{width:100%;  color:#fff;float:left;padding:10px 0;}
.course-stage ul li:nth-child(5n+1) font{background: #ff3455;}
.course-stage ul li:nth-child(5n+2) font{background: #0099ff;}
.course-stage ul li:nth-child(5n+3) font{background: #7795ee;}
.course-stage ul li:nth-child(5n+4) font{background: #ffbb00;}
.course-stage ul li:nth-child(5n+5) font{background: #31c0a9;}

.course-stage ul li font span{font-size:16px; font-weight:700; width:100%;display: block; text-align:center;}
.course-stage ul li img{width:100%; height:auto;margin-top:5px;border:solid 1px #ccc; box-sizing:border-box;}
.course-stage ul li dl{padding:10px 0 10px 10px; width:100%; box-sizing: border-box; font-size:14px; font-weight:200;color:#888889;line-height:1.5;}
.course-stage ul li dl dt{line-height: 1.8;}
.more-stage{clear: both; width:100%;    text-align: center;}
.more-stage button{width:146px; text-align:center; height:38px; line-height:38px; display: inline-block; font-size:16px;border-radius: 3px;color:#fff; background:#0099ff;margin:20px auto 10px; border:none;}
.more-stage button:hover{background: #24a1f5;}

/*往期课程*/
.cont5{width:100%; margin:20px auto 40px; background: #F4F4F4; padding:10px 0 40px;}
.cont5-box{width:1200px;margin:auto;}
.scroll-img{overflow: hidden;clear:both;}
.demo2{float:left;width:100%;clear:both;}
.demo2 .swiper-wrapper img{width:285px; height:auto;}

.cont6{width:100%; margin:20px auto; clear:both;}
.cont6-box{width:1200px;margin:auto;}
.news-list{width:100%;clear:both; overflow: hidden;}
.list-left{float:left;width:47%;}
.list-right{float:right;width: 47%;}
.list-title{width:100%; border-bottom:solid 1px #ccc; height:30px; margin-top:10px;}
.list-title h3{font-size:16px; font-weight:700;float:left; line-height:30px;}
.list-title a{float:right; line-height:30px;}
.list-title a:hover{color:#fa265d;}
.list-left ul,.list-right ul{float:left; width:100%;}
.news-list li{float:left; margin: 16px 0 0 0; font-size:14px;width:100%;}
.news-list li a{text-overflow: ellipsis;  overflow: hidden; width: 78%;  white-space: nowrap; float: left;color:#333;}
.news-list li a:hover{color:#fa265d;}
.news-list li time{float:right;color:#888;}


/*合作平台*/
.w-gg{width:1200px;margin:30px auto;}

/*footer*/
.footer{padding: 40px 0px 40px 0px; background: #3c3e40;}
.footer-box{width: 1200px; margin: auto; padding: 0}
.footer-top-box{ border-bottom: 1px solid #777; overflow: hidden; padding-bottom: 30px; text-align: left;}
.footer-top-box .about-us {float: left;width: 144px;border-right: 1px solid #777;}
.footer-top-box .about-us >h4{font-size: 16px; height: 30px; line-height: 30px; margin-bottom: 15px; color: #fff;}
.footer-top-box .about-us ul li {line-height: 22px;}
.footer-top-box .about-us ul a {font-size: 14px;color: #afafaf;}
.footer-top-box .about-us ul a:hover {color: #FF7307;}
.footer-top-box .obta-info {width: 208px;text-align: left;padding-left: 70px;}
.footer-box .footer-top-box .contact-us {width: 625px;height: 100%;border-right: 0px;overflow: hidden;padding-left: 70px;}
.footer-box .footer-top-box .contact-us .wei-contact {float: left;width: 190px;height: 100%;color: #afafaf;font-size: 14px;}
.footer-box .footer-top-box .contact-us .wei-contact img {border: 1px solid #E5E5E5;margin-right: 15px;width: 97px;height: 97px;}
.footer-box .footer-top-box .contact-us .wei-contact span {display: inline-block;height: 97px;line-height: 97px;vertical-align: top;margin-right: 15px;}

.foot-top{width: 1200px; margin: 0 auto;  padding-bottom: 15px; text-align: center;border-bottom: 1px solid #777;    overflow: hidden;}
.left-link{float: left;}
.left-link h2{float:left; color:#fff; font-size:26px;line-height:35px;}
.left-link table{width: 460px; clear:both; margin-top:20px; float:left;}
.left-link table tr td {text-align: left;}
.left-link table tr td a {font-size: 14px; color: #eee;line-height: 1.8;}
.left-link table tr td a:hover {color: #FF7307;}

.contact_foot{float:left;width:420px;margin-left:55px; text-align:left;}
.contact_foot h2{font-size:26px;color:#fff; line-height:1.5;}
.contact_foot ul{float:left; margin-top:20px; color:#fff;}
.contact_foot ul li{font-size:13px; line-height:24px;}
.erweima{float:right;}
.erweima img{width:150px;}

.footer-bottom-box {font-size: 12px;}

.footer-bottom-box .firend-link-box {margin-bottom: 35px;}
.footer-bottom-box .firend-link-box h4 {height: 55px;line-height: 55px;font-size: 16px;color:#fff;}
.footer-bottom-box .firend-link-box div {line-height: 25px;overflow: hidden;}
.footer-bottom-box .firend-link-box div a {float: left;color: #afafaf;margin-right: 10px;}
.footer-bottom-box .firend-link-box div a:hover {color: #FF7307;}

.footer-bottom-box .my-address-box p {margin-bottom: 0px;line-height: 25px;color: #b0b0b0;}
.footer-bottom-box .my-address-box p a {color: #b0b0b0;}
.footer-bottom-box .my-address-box p a:hover {color: #FF7307;}


/*.footer{border-top:10px solid #999;padding-top:30px;background-image: linear-gradient(#fff,#d9dada);width:100%;float:left; margin-top:30px;}
.inner{width: 1200px; margin: auto; padding: 0}
.footer_wrap{padding-left: 20px;}
.fitem{float:left;width:20%;}
.fittl{font-size:16px;color:#333;line-height:32px; font-weight:700;}
.fitmul a{display:block;color:#686767;line-height:30px;}
.fitmul a:hover{color:#d85050; text-decoration: underline;}
.fitemwzm{padding-top:6px;}
.fitemwzm img{width: 50px;height: 50px;margin-right: 30px;}
.fitemwzm .weixin:hover .qrcode{display:block;}
.ficontl{margin-bottom: 10px;}
.ficontl1 .icon{width: 40px;height: 40px;background: url("../img/phone.png");background-size: 100% 100%;vertical-align: middle;padding: 0;}
.ficontl2 .icon{width: 40px;height: 40px;background: url("../img/user.png");background-size: 100% 100%;vertical-align: middle;padding: 0;}
.ficontl span{display:inline-block;height: 28px;background:#b70002;border-radius: 15px;color:#fff;font-size:18px;line-height:28px;padding:0px 15px;margin-left: 10px;}
.fdianhs{font-size:20px;line-height:40px;color:#333;font-weight:bold;}
.fdianhs.telephone{padding-left: 10px;letter-spacing: 2px;}
.fdianhs_spec{display: flex;align-items: center;justify-content: flex-end;text-decoration: none;}
.fdianhs i.icon{width: 50px;height: 50px;background: url("../img/icon_qq.png") no-repeat;background-size: 100% 100%;margin: 0;}
.fdianhs .phone_num{display: inline-block;margin-left: 8px;}
.fdianhs_spec a{text-decoration: none; color: #333;}

.coright{text-align:center;line-height:60px;border-top:1px solid #a5a4a6;color:#595757;}
.coright a{color: #595757;}*/


/*返回顶部*/
.go-top{display: inline-block;position: fixed;bottom: 30px;right:30px;width: 40px; height:40px; background: #999; text-align: center;cursor:pointer;}
.go-top img{width: 30px;height: 30px; cursor:pointer;    margin-top: 5px;}
.go-top b{display:none;color: #fff; text-align: center; font-size: 14px; line-height: 20px; width: 30px;}

/*学员评价*/

.train-vip{width:100%;margin: 20px auto 30px; clear: both;float:left;}
.vip-tit{width: 100%; clear: both; float: left; margin-bottom: 30px;}
.vip-tit img{display: block; margin: auto;}
.vip-cont{ width: 1200px; margin: auto; clear: both;}
.vip-cont ul{width: 100%; clear: both;}
.vip-cont ul *{ -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
    font-size: 13px;
}
.vip-cont ul li{float: left;
    background-color: #ededed;
    border: solid 1px #ddd;
    border-radius: 8px;
    margin: 0 10px 10px 0;
    padding: 10px 20px;
    width: 245px;
    height: 120px;
    color: #333;
}
.vip-cont li .s_name {
    float: left;
    color: #bf4232;
    width: 132px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}                          
.vip-cont li .s_time {
    float: right;
    color: #999;
}
.vip-cont li .txt {
	clear: both;
	float: left;
    margin-top: 8px;
    height: 88px;
    overflow: hidden;
    line-height: 22px;
    font-size: 15px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    word-wrap: break-word;
}