/* 内页 */
.content_text{ padding-top:20px; line-height:45px;}
.content_text p{ padding-bottom:20px; text-indent:2em;}
.content_text img{ max-width:1400px; text-align:center; margin-bottom:8px;}


.nbanner_box{height:600px; background-position: center; background-repeat: no-repeat; position:relative;background-color:rgba(0,0,0,0.2);}
.nbanner_pNav{ border-bottom:1px solid #C8C8C8; text-align:center; height:55px; background: #f3f3f3;box-shadow:0px 0px 10px 0 rgba(0,0,0,0.15); position: relative; z-index: 2;}
.nbanner_box_nav{}
.nbanner_box_nav>a{padding:0 35px; height:55px; line-height:55px; color:#333; text-align: center; margin-right: 2px; display: inline-block; }
.nbanner_box_nav>a:hover,.nbanner_box_nav .cur{ background: #e75637; color: #fff;}
.nbanner_box_nav>a:nth-child(1){margin-left: 0;}
.banner_2{ background-image:url(../images/banner_creative.jpg)}
.banner_5{ background-image:url(../images/banner_product.jpg)}
.banner_8{ background-image:url(../images/banner_lesson.jpg)}
.banner_10{ background-image:url(../images/banner_news.jpg)}
.banner_11{ background-image:url(../images/banner_contact.jpg)}

#maximg{ max-width:100% !important; height:auto !important}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}


/*关于我们*/
.tit2{ line-height:1; color:#333; font-size:30px; margin-bottom:1em;}
.tit2 em{ display:block; font-size:1.2em; margin-bottom:0.5em; font-weight:bold;}
.tit2 strong{ display:block; font-size:1em; font-weight:normal;}

.aboutCon1{ padding:90px 0;}
.aboutCon1_1{ }
.aboutCon1_2{ position:absolute; left:0px; bottom:-90px; right:0px; background:rgba(105,124,135,0.8); padding:50px 0; color:#fff;}
.aboutCon1_2 li{ float:left; text-align:center; width:25%; box-sizing:border-box; border-right:1px solid #fff;}
.aboutCon1_2 li:last-child{ border-right:none;}
.aboutCon1_2 .pd{ display:inline-block; vertical-align:bottom; text-align:left;}
.aboutCon1_2 .h3{}
.aboutCon1_2 .h3:after{ content:'：';}
.aboutCon1_2 .em{}
.aboutCon1_2 .em span{ font-size:2.25em;}
.aboutCon1_2 .em em{}

.aboutfac{position: relative;}
.aboutfac .swiper-container{ margin: 130px auto 60px auto; padding-bottom: 150px;}
.aboutfac .swiper-slide{width: 520px;height: 408px;background: #fff;box-shadow: 0 8px 30px #ddd;}
.aboutfac .swiper-slide img{display:block;}
.aboutfac .swiper-slide p{line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}

.swiperpn .swiperDots{ display:block; bottom:0px;}
.swiperpn .swiperDots span{ height:50px; width:35px; background:none !important; position:relative; box-shadow:none;}
.swiperpn .swiperDots span:before{ content:''; width:100%; height:1px; position:absolute; left:0px; top:3px; right:0px; background:#ccc;}
.swiperpn .swiperDots span:after{ content:''; width:0%; height:1px; position:absolute; left:0px; top:3px; background:#631C82;}
.swiperpn .swiperDots span.swiper-pagination-bullet-active{ width:75px;}
.swiperpn .swiperDots span.swiper-pagination-bullet-active:after{ width:100%; transition:width linear 5000ms;}
.swiperpn .swiperDots:hover span:before,
.swiperpn .swiperDots:hover span:after{ height:3px; top:0px;}
.swiperpn .swiperArrow{ display:block; color:#fff; background: #D6D6D6; border-radius: 100%; width: 65px; height: 65px; line-height: 65px; font-size:20px;}
.swiperpn .swiperPrev{ top: 30%; left:0px;}
.swiperpn .swiperNext{ top: 30%; right:0px;}
.swiperpn .swiperArrow:hover{ color:#fff;background:#631C82;}


.company_culture{height: 600px;background: url(../images/bg02.jpg) center top;background-size: cover;color: #FFF;}
.company_culture ul{margin: auto;padding-top: 180px;width: 1360px;}
.company_culture li{float: left;width: 25%;text-align: center;}
.company_culture li i{display: inline-block;width: 120px;height: 120px;border-radius: 100%;border: 1px solid rgba(255,255,255,.4);}
.company_culture li i.ico1{background: url(../images/culture_ico_1.png) no-repeat center;}
.company_culture li i.ico2{background: url(../images/culture_ico_2.png) no-repeat center;}
.company_culture li i.ico3{background: url(../images/culture_ico_3.png) no-repeat center;}
.company_culture li i.ico4{background: url(../images/culture_ico_4.png) no-repeat center;}
.company_culture li i.ico5{background: url(../images/culture_ico_5.png) no-repeat center;}
.company_culture li h4{padding-top: 20px;font-size: 24px;}
.company_culture li p{padding-top: 16px;font-size: 16px;}


.bg04 { padding:100px 0; background:url("../images/bg04.jpg") no-repeat center top;}

.bg06 { padding:100px 0; background:url("../images/bg06.jpg") no-repeat center top;}

.ideaList ul {}
.ideaList ul li { float: left; width:48%; margin:25px 4% 25px 0; border: 1px solid #e5e5e5; overflow: hidden;}
.ideaList ul li:nth-child(2n){ margin-right: 0px;}
.ideaList ul li .con { padding: 0px 15px 0px 0px; width:65%; float: right; display: block; line-height: 30px;}
.ideaList ul li .con .t { padding: 20px 0px; font-size: 24px; }
.ideaList li:hover{ background-color:rgba(99,28,130,.8); color: #fff; }
.ideaList li:hover .zybox { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);color: #631C82; }
.ideaList ul li .zybox{ width: 30%; padding-top:40px;color: #fff;  float: left; height:170px; background: #C5CFD0; text-align: center;transition: 500ms;}
.ideaList ul li .zybox h3{ font-size: 22px; font-weight: bold;}
.ideaList ul li .zybox i{font-size:50px; margin-bottom:10px; display: block;}


.hhmubiao{background-color: #f6f6f6;background-image: url("../images/bg03.jpg"); background-repeat: no-repeat; background-position: bottom left; background-size:40%; padding: 150px 0  100px; text-align: left;}
.hhmubiao_tit{display: inline-block; *display: inline; zoom: 1; font-size:50px; line-height:50px; color: #631C82; padding-bottom:20px; /*border-bottom: 1px solid rgba(210,210,210,.4);*/ margin-bottom:50px;}
.hhmubiao .con{font-size:45px; line-height:30px; color: #4c4c4c;}
.hhjingshen{ padding:100px 0;}
.hhjingshen ul li{margin-top:50px; width:30.6666%; margin-right: 4%; float: left;box-shadow: 3px 3px rgba(195,195,195,.21); position: relative; top: 0; transition: all .3s; }
.hhjingshen ul li:last-child{ margin-right: 0px;}
.hhjingshen ul li .img{overflow: hidden;}
.hhjingshen ul li img{width: 100%; transition: all .3s;}
.hhjingshen ul li .text{background-color: #fff; padding: 40px 40px 50px;}
.hhjingshen ul li .tit{font-size: 30px; color: #010101;}
.hhjingshen ul li .con{color: #4c4c4c; font-size: 20px; margin-top: 20px; height:100px; line-height:40px; overflow: hidden; color: #666;}
.hhjingshen ul li .con i{ display: inline-table; margin-right: 30px;}




/*news*/
.newsList{ margin-top: 50px;}
.newsList ul{}
.newsList li{ margin-bottom:30px; border: 1px solid #e1e1e1;overflow:hidden; padding:15px; background: #f9f9f9;}
.newsList .img{ width:362px; float:right; margin-left:30px;}
.newsList .text{ padding:30px 30px 30px 180px; position:relative;}
.newsList h3{ font-size:20px; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:20px;}
.newsList .em{ position:absolute; left:36px; width:110px; background:#C6C6C6; padding:22px 0; color:#fff; line-height:1; text-align:center; top:30px;}
.newsList .em strong{ display:block; font-size:24px; font-weight:normal;}
.newsList .em em{ display:block; font-size:20px; padding-top:12px;}
.newsList .p{ color:#666; line-height:1.8; overflow:hidden; height:5em; margin-bottom:20px;}
.newsList .m{ overflow:hidden;}
.newsList .m em{ color:#333; float:left; border-bottom:1px solid #333; line-height:1.2;}
.newsList li:hover{ margin-bottom:30px; border: 1px solid #ccc;background: #fff;}
.newsList li:hover .em{background:#697C87;}

.lessonlist{display: flex;flex-wrap: wrap;align-items: flex-start;}
.lessonlist li{width: 100%;border: 1px solid #eff1f5; background: #fff; margin-bottom: 45px;}
.lessonlist li .img_box{ width:25%; height:260px;overflow: hidden; margin-right:2.5%; float:left;}
.lessonlist li .img_box img{width: 100%;height: 100%;object-fit: cover;transition: 1s;}
.lessonlist li:hover .img_box img{transform: scale(1.05, 1.05);-webkit-transform: scale(1.05, 1.05);}
.lessonlist li .text_box{padding:2%;position: relative; overflow:hidden;}
.lessonlist li .text_box .c_title{height: 30px;font-size: 22px;line-height: 30px;color: #333; margin-bottom:20px; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}
.lessonlist li .text_box .c_text{height:90px;line-height:28px;color: #999;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.lessonlist li .text_box .c_time{ margin-top:20px;position: relative;padding-top:25px;border-top: 1px solid #eff1f5;font-family: "futurabt";font-size: 14px;color: #999;}
.lessonlist li .text_box .c_time::before{content: "";position: absolute;top: -1px;left: 0;height: 1px;width: 0;background: #323c55;transition: .5s;}
.lessonlist li .text_box .c_time i{float:right;font-size:25px;}
.lessonlist li:hover .text_box .c_time::before{width: 100%;}
.lessonlist li:hover{ box-shadow: 0px 5px 15px rgba(0,0,0,.1);}

.article_head{background: #f9f9f9;}
.article_head .container{ padding:20px 0 60px;}
.article_head .ndate{float: left;padding-top:5px;width: 80px;height: 75px;background: #ECAE3D;font-family: Georgia;color: #FFF;text-align: center;}
.article_head .ndate .day{display: block;font-size: 40px;}
.article_head .ndate .month{display: block;font-size: 12px;}
.article_head .ntit{margin-left:130px;}
.article_head .ntit h4{font-size: 32px;line-height: 50px; font-weight: bold;}
.article_head .ntit p{font-size: 13px;color: #999;line-height: 30px;}
.article_show{ margin-top: 50px;}
.article_show_left{ width: 70%; background: #fff; padding: 3%;border: 1px solid #f9f9f9;}
.article_show_right{ width: 26%; background: #fff;border: 1px solid #f9f9f9;}

.article_con{padding-top: 10px;font-size: 16px;line-height: 240%;}
.article_con p{padding-bottom: 28px;}
.article_con img{max-width: 100%;}
.article_side{padding: 30px 29px 10px;}
.article_side h3{margin-bottom: 24px;font-size: 18px;color: #2C3E66;font-weight: bold;}
.article_side li{margin-bottom: 20px;}
.article_side li img{ width: 100%;}
.article_side li .tit{padding: 12px 0;}
.article_side li .tit h4{font-size: 15px;font-weight: normal;line-height: 24px;}
.article_side li p{padding-top: 8px;font-size: 13px;color: #999;line-height: 20px;}
.news_page{padding: 35px 0;font-size: 16px; color: #333333; line-height:35px;}
.news_page a{ color: #333333;}
.news_page a:hover{ color: #C52625;}
.news_page .list-btn{height:40px; transition: all .3s; font-size:30px; color: #ccc; margin-top: 15px;}