/* CSS Document */

/*-----------关于善学页面------------*/


.titStyle-1{position: relative;text-align: center; }
.titStyle-1:before,
.titStyle-1:after {content: '';width: 460px;height: 1px;background-color: #07a695;position: absolute;top: 50%;}
.titStyle-1:before {left: 0;}
.titStyle-1:after {right: 0;}
.titStyle-1 dl {display: inline-block;}
.titStyle-1 dl dt {font-size: 80px;color: #08a795;float: left;line-height: 80px;}
.titStyle-1 dl dd {float: left;margin-left: 10px;text-align: left;}
.titStyle-1 dl dd h2 {font-size: 32px;color: #4c4c4c;margin-bottom: 5px;font-weight: bold;}
.titStyle-1 dl dd h2 b {color: #08a795;}
.titStyle-1 dl dd span {font-size: 16px;color: #fff;background-color: #08a795;padding: 1px 10px;}


/*企业风采*/
.aboutUs{margin-top:40px;}
.aboutUs .part1{width: 1200px; height: 450px;overflow: hidden;}
.aboutUs .part2{position: relative; padding-bottom: 60px;}
.aboutUs .part2 .left{position: absolute; top: -70px; width: 560px; height: 415px; background: url(../images/aboutUs/img1.png) no-repeat left center;}
.aboutUs .part2 .left .video{width:268; height: 148px; margin-left: 235px; margin-top: 248px;}
.aboutUs .part2 .right{padding-left: 550px; min-height: 340px;}
.aboutUs .part2 .right h2{font-size: 20px; font-weight:bold; padding: 25px 0 20px 0; color: #323232}
.aboutUs .part2 .right p{ line-height: 30px; font-size: 16px; color: #666666}
.aboutUs .part3{ box-sizing: border-box; border:1px solid #f2f2f2; box-shadow: 3px 3px 5px #d3d3d3; padding: 10px; margin-top: 50px; }
.aboutUs .part3 .left{width:800px;}
.aboutUs .part3 img{width:100%;}
.aboutUs .part3 .left>div{margin: 10px; display: flex; justify-content: center; align-items:center; overflow: hidden;}
.aboutUs .part3 .part3-0{width: 280px; height: 320px;}
.aboutUs .part3 .part3-1{width: 480px; height: 320px;}
.aboutUs .part3 .part3-2{width: 780px; height: 320px;}
.aboutUs .part3 .right{padding-left: 10px;}
.aboutUs .part3 .right li{width:360px; height: 210px; margin-top: 15px; display: flex; justify-content: center; align-items:center; overflow: hidden;}
.aboutUs .part3 .right li:first-child{margin-top: 10px;}

/*团队风采*/
.teamStyle{background-color:#f4f4f4; margin-top: 60px; padding:60px 0 60px 0; }
.teamStyle .part1{width: 1200px; height: 400px;overflow: hidden; margin-top: 30px;}
.teamStyle .part2{padding-top:20px;}
.teamStyle .part2 li{margin-left: 10px; margin-right: 10px; width: 385px; height: 430px; overflow: hidden; position: relative; display: flex;justify-content: center; align-items:center; float: left;}
.teamStyle .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 */
}
.teamStyle .part2 li:first-child{margin-left:0;}
.teamStyle .part2 li:last-child{margin-right:0;}
.teamStyle .part2 li .introduce{ position: absolute;bottom:-170px; left: 0; width: 100%; height: 190px; 
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
}
.teamStyle .part2 li .introduce .top{border-bottom:6px solid #07a695; height: 14px; background:url(../images/aboutUs/img11.png) no-repeat center top; }
.teamStyle .part2 li .introduce .main{display: flex; justify-content: center; align-items:center; flex-direction: column; text-align: center; padding: 10px 15px 15px 15px;}
.teamStyle .part2 li .introduce .main h2{ line-height: 40px; font-size: 20px; border-bottom: 1px solid #000; width: 100%; font-weight: bold;}
.teamStyle .part2 li .introduce .main p{font-size: 16px;line-height: 25px; padding-top: 10px;}
.teamStyle .part2 li:hover img{transform:scale(1.1);}
.teamStyle .part2 li:hover .introduce{background-color: rgba(191, 191, 191, .8);}
.teamStyle .part2 li:hover .introduce .top{border-bottom: 0;border-top:6px solid #07a695; height: 14px; background:url(../images/aboutUs/img12.png) no-repeat center top; }
.teamStyle .part2 li:hover .introduce{bottom:0; }


/* 新闻动态 */
.news {padding: 60px 0;}
.news .main {}
.newsTabTitle {height: 70px;line-height: 70px;border-bottom: 1px solid #959595;margin: 20px 0 45px 0;}
.TabTitleBtn {display: inline-block;}
.TabTitleBtn li {margin-right: 30px;font-size: 24px;color: #656565;float: left;cursor: pointer;font-weight: bold;}
.TabTitleBtn li:hover,
.TabTitleBtn li.on {color: #08a795;position: relative;}
.TabTitleBtn li.on:after {content: '';width: 100%;height: 8px;background-color: #08a795;position: absolute;bottom: -4px;left: 0;}
.newsMoreBtn {display: block;font-size: 14px;color: #656565;}
.newsMoreBtn:hover {color: #e71218;border-color: #e71218;}
.news .main .newsMain {width: 765px;}
.news .main .newsMain .list {display: none;}

.firstNews {width: 370px;height: 460px;background-color: #eee;;position: relative;}
.firstNews .firstNewsImg {padding: 6px;}
.firstNews .firstNewsImg img {display: block;width: 358px;height: 200px; border: 1px solid #ededed;}
.firstNews .firstNewsTitle {border-bottom: 1px solid #626262;margin: 15px 30px 15px 30px;}
.firstNews .firstNewsTitle h2,
.firstNews .firstNewsTitle h2 a {width: 250px;line-height: 40px;font-size: 16px;color: #4d4d4d;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.firstNews .firstNewsTitle:hover h2 a {color: #08a795;}
.dateIcon {width: 40px;height: 40px;color: #fff;background-color: #08a795;text-align: center;}
.dateIcon p {font-size: 17px;margin-top: 0px;}
.dateIcon p span {font-size: 14px;}
.firstNews .firstNewsInfo {font-size: 14px;color: #4d4d4d;line-height: 30px;padding: 0 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.firstNews .firstNewsBtn {display: block;width: 72px;height: 27px;background: url("../images/index/newsBtn.png") no-repeat center;position: absolute;bottom: 15px;right: 25px;}

.newsListWarp {width: 370px;height: 460px;background-color: #eee;}
.newsListWarp .newsListImg {padding: 6px;margin-bottom: 8px; position:relative;}
.newsListWarp .newsListImg img {display: block;width: 358px;height: 200px; border: 1px solid #ededed;}
.newsListWarp .newsListImg p{ position:absolute; left:6px; bottom:6px; line-height:30px; width: 359px; text-align:center; color:#fff; background: rgba(0,0,0,.6);}
.newsListWarp .newsItem {margin: 15px 30px 0 30px;}
.newsListWarp .newsItem:hover {background-color: #f1f1f1;}
.newsListWarp .newsItem:hover a {color: #08a795}
.newsListWarp .newsItem:hover .dateIcon {background-color: #08a795;}
.newsListWarp .newsItem .dateIcon {background-color: #bfbfbf;}
.newsListWarp .newsItem dd {float: left;width: 240px;margin-left: 20px;line-height: 40px;height: 40px;}
.newsListWarp .newsItem dd a {display: block;font-size: 14px;color: #4d4d4d;line-height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.news .main .QAQMain {width: 384px;}
.QAQItemWarp {height: 460px;background-color: #fff;overflow: hidden; padding:0px 12px;}
.QAQItem {font-size: 14px;padding: 23px 15px;border-bottom: 1px dashed #cbcbcb;}
.QAQItem .question {height: 23px;line-height: 23px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding: 0 0 0 50px;background: url("../images/index/qaq_2.png") no-repeat left top;font-size: 14px;color: #353535;}
.QAQItem .answer {min-height: 35px;padding: 0 0 0 50px;background: url("../images/index/qaq_1.png") no-repeat left top;font-size: 14px;color: #333435;margin-top: 8px;}
.QAQItem .answer {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.QAQItem:hover .question {color: #08a795;}