/* CSS Document */

/*-----------善学学院页面------------*/


.titStyle-2{position: relative;}
.titStyle-2 dl {display: block;}
.titStyle-2 dl dt {font-size: 76px;color: #08a795;float: left;line-height: 76px; font-family: Arial, Helvetica, sans-serif;}
.titStyle-2 dl dd {float: left;margin-left: 10px;text-align: left;color: #4c4c4c; margin-top: 7px;}
.titStyle-2 dl dd h2 {font-size: 24px;margin-bottom: 5px;font-weight: bold;}
.titStyle-2 dl dd h2 b {color: #08a795;}
.titStyle-2 dl dd span {font-size: 16px;padding: 1px 0;}
.titStyle-2 .more{padding-top: 15px;}
.titStyle-2 .more a{ text-align: center; display: block; box-sizing: border-box; width: 135px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background-color: #7d7d7d;}
.titStyle-2 .more a:hover{ background-color: #08a795;}

.titStyle-2a  dl dd{color:#fff;}
.titStyle-2a .more a{ border:1px solid #fff;background-color:transparent;}

.titStyle-2b dl{background-color:#07a695; padding:7px 20px 0 15px;  }
.titStyle-2b dl dt,.titStyle-2b dl dd{color:#fff;}



/*营销上岗培训*/
.Marketing{padding:40px 0;}
.Marketing .part1{width: 1200px; height: 450px;overflow: hidden; margin-bottom: 50px;}
.Marketing .part2{padding-top:20px;}
.Marketing .part2 li{margin-right: 15px; width: 390px; height: 280px; overflow: hidden; position: relative; display: flex;justify-content: center; align-items:center; float: left;}
.Marketing .part2 li img{width:100%; transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
}
.Marketing .part2 li:last-child{margin-right:0;}
.Marketing .part2 li .introduce{ position: absolute;bottom:-150px; left: 0; width: 100%; height: 150px; background-color: rgba(0, 0, 0, .6);
color: #fff;
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
}
.Marketing .part2 li .introduce .main{display: flex; justify-content: center; align-items:center; flex-direction: column; text-align: center; padding: 10px 20px 15px 20px;}
.Marketing .part2 li .introduce .main h2{ line-height: 50px; font-size: 26px; border-bottom: 1px solid #fff; width: 100%; font-weight: bold; }
.Marketing .part2 li .introduce .main p{width:100%; overflow: hidden;font-size: 16px;line-height: 25px; padding-top: 15px; background:url(../images/school/img13.png) no-repeat center top;}
.Marketing .part2 li:hover img{transform:scale(1.1);}
.Marketing .part2 li:hover .introduce{bottom:0; }
.Marketing .part2 .title{padding:25px 45px; border:1px solid #fff; background-color: rgba(0, 0, 0, .3); font-size: 32px; font-weight: bold;color: #fff; position: absolute; left:85px; top:92px; margin: auto;}
.Marketing .part2 li:hover .title{top:-100px;}



/*跟单体系培训*/
.documentary{background-color:#434343;padding:30px 0; }
.documentary .part1{width: 1200px; text-align: center;}
.documentary .part1 .main{position: relative; width: 858px; height:290px; display: inline-block; margin-top:33px; }
.documentary .part1 .main li{color:#fff; color: #fff; box-sizing: border-box; width: 290px; height: 290px; border: 6px solid #fff; border-radius:50%; position: absolute; padding: 30px 25px 50px 25px;}
.documentary .part1 .main li h2{ line-height: 70px; font-size: 26px; font-weight: bold;}
.documentary .part1 .main li p{width:100%; font-size: 16px; line-height: 25px;}
.documentary .part1 .main li.one{z-index:10;left: 0; top: 0;}
.documentary .part1 .main li.two{z-index:8;left: 284px; top: 0;}
.documentary .part1 .main li.two1{z-index:9;left: 284px; top: 0; border:0; border-radius: 0; background: url(../images/school/img19.jpg) no-repeat 0 bottom; background-size: 100% auto;}
.documentary .part1 .main li.three{z-index:10;left: 568px; top: 0;}



/*售后体系培训*/
.afterSale{background-color:#fff;padding:60px 0 40px 0; }
.afterSale .part1{width: 1200px; text-align: center; margin-top: 30px;}
.afterSale .part1 li{width:33.33%; cursor: pointer;background-color: #07a695; height:250px; overflow: hidden;color: #fff; float: left;}
.afterSale .part1 li.bg1{background-color: #434343; }
.afterSale .part1 li h2{line-height: 50px; font-size: 30px; border-bottom: 1px solid #fff; font-weight: bold;}
.afterSale .part1 li p{width:60%; padding: 20px 20% 0 20%; overflow: hidden;font-size: 16px;line-height: 25px; padding-top: 15px; background:url(../images/school/img13.png) no-repeat center top;}


/*全网推广培训*/
.network{padding-bottom: 70px; }
.network .bg1{background-color:#eee; padding-top: 25px; padding-bottom: 55px; }
.network .part1{width: 1200px; padding-left: 20px; }
.network .part1 li{margin:40px;  width:305px; height: 205px; box-sizing: border-box; border:1px solid  #4d4d4d;overflow: hidden;color: #4d4d4d; float: left; padding-top: 22px;}
.network .part1 li h2{line-height: 50px; font-size: 28px; font-weight: bold; text-align: center;}
.network .part1 li p{width:80%; padding: 20px 10% 0 10%; overflow: hidden;font-size: 16px;line-height: 25px; padding-top: 15px;text-align:left; }