.banner .item { display: block; height: 600px; }
.banner .item a{ display: block; height: 600px; }
.banner .item { position: relative; }
.banner .owl-dots{ position: absolute; left: 0px; right: 0px; bottom: 10px; }
.banner .owl-dots span{ background:rgba(255,255,255,0.2)!important; }
.banner .active span{ background:rgba(255,255,255,0.8)!important; }
.banner { position: relative; }
.banner .owl-prev{ position: absolute; left:20px; top: 260px; background: rgba(0,0,0,0.7)!important; color: #fff!important; font-size:24px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}
.banner .owl-next{ position: absolute; right:20px; top: 260px; background: rgba(0,0,0,0.7)!important; color: #fff!important; font-size:24px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}
.banner .owl-item .item .text{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; bottom: 0px; color: #fff; opacity: 0; transition: 0.5s;  transition-delay: 0.5s;transition-timing-function: linear; } 
.banner .owl-item .item .text a{ color: #fff; text-decoration: underline;  }
.banner .active .item .text{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; bottom: 10px; color: #fff;opacity: 1; } 
.banner .active .item .text .box{ float: right; padding: 10px; background: rgba(0,0,0,0.7); line-height: 1.6; font-size: 18px; text-align: right;}
.banner .active .item .text .box .content{ text-align: left; }

.detailtwomenu { background: #f5f5f5; text-align: center; line-height: 50px; height: 50px; }
.detailtwomenu ul li { display: inline-block; }
.detailtwomenu ul li a{ display: block; padding-left: 30px; padding-right: 30px; color: #333; font-size: 16px;  }
.detailtwomenu ul li a.active{ background: #fff; color: #3a2b9f;}


.index_banner .swiper-slide .text h1{ font-weight: bold; color: #fff; font-size: 46px;position: absolute;top: 350px; width:1200px;  left: 50%; margin-left: -600px; text-align: left; opacity: 0; transition: 0.5s;  transition-delay: 0.5s;transition-timing-function: linear; }
.index_banner .swiper-slide .text h2{ color: #fff; font-size: 24px;position: absolute; top: 430px;  width:1200px;  left: 50%; margin-left: -600px; opacity: 0; transition: 0.5s;  transition-delay: 0.8s;transition-timing-function: linear; }
.index_banner .swiper-slide-active .text h1{margin-left: -600px;  opacity: 1;top: 320px;}
.index_banner .swiper-slide-active .text h2{margin-left: -600px; opacity: 1;top: 390px;}


.index_about{ padding-top: 50px; padding-bottom: 50px; }
.index_about .pagewidth{ border-bottom: #ececec solid 1px; }
.index_about .title h1{ font-weight: normal; text-align: center; font-size: 24px; color: #000; line-height: 100%; }
.index_about .title span{  height: 2px; width: 30px; border-radius: 2px; background: #6e6d7a; display: block; margin: 20px auto;  }
.index_about .content{padding-bottom: 50px;}
.index_about .content .img{ float: left; width: 420px; }
.index_about .content .img img{ width: 100%; display: block; }
.index_about .content .text{ float: right; width: 730px; text-align: justify; line-height: 1.8em; font-size: 18px; font-weight: 500; }
.index_about .content .text a{ color: #3a2b9f }



.index_news{ padding-top: 0px; padding-bottom: 50px; }
.index_news .title h1{ font-weight: normal; text-align: center; font-size: 24px; color: #000; line-height: 100%; }
.index_news .title span{  height: 2px; width: 30px; border-radius: 2px; background: #6e6d7a; display: block; margin: 20px auto;  }
.index_news .content .item{ border-radius: 5px; border:#ececec solid 1px; overflow: hidden;}
.index_news .content .item img{width: 100%; display: block; }
.index_news .content .item .text{ padding: 25px; }
.index_news .content .item .text .data{ font-size: 14px; color: #666;}
.index_news .content .item .text .title{ font-size: 18px; color: #000;}
.index_news .content .item .text .title a{  color: #000;}

.index_news .owl-dots span{ background:rgba(0,0,0,0.2)!important; height: 2px!important; width: 30px!important; }
.index_news .active span{ background:#3a2b9f!important; }















.aboutcontent{ padding-top: 50px; padding-bottom: 100px; font-size: 18px; color: #000; line-height: 2em; }
.aboutcontent p{text-indent: 2em; }

.teachers_text { padding-top: 30px; padding-bottom: 30px; }
.teachers_text .pagewidth .text{ padding: 30px; background: #f5f5f5; border-radius: 5px; }
.teachers_text .pagewidth .text h1{ color: #3a2b9f; font-weight: normal; font-size: 24px; }
.teachers_text .pagewidth .text p{ color: #000; font-weight: normal; font-size: 16px; line-height: 2em; }
.teachers_list ul li{ border-bottom: #ececec solid 1px; padding-bottom: 30px; margin-bottom: 30px; }
.teachers_list ul li .photo{ float: left; margin-right: 40px; width: 160px; text-align: center; }
.teachers_list ul li .photo img{ width: 152px; display: block; border:#ececec solid 1px; padding: 3px; }
.teachers_list ul li .photo p{ font-size: 18px; padding-top: 10px; color: #000; }
.teachers_list ul li .text{ float: left; width: 500px; font-size: 16px; color: #000; line-height: 2em; }
.teachers_list ul li .text a{  color: #3a2b9f; font-size: 16px; }
.teachers_list ul li .zheng{ float: left; width: 500px; }
.teachers_list ul li .zheng img{  border:#ececec solid 1px; padding: 3px; width: calc(100% - 8px);}
.teachers_list .owl-dots span{ background:rgba(0,0,0,0.2)!important; height: 2px!important; width: 20px!important; }
.teachers_list .active span{ background:#3a2b9f!important; }


.loveandeducation_list { padding-top: 40px; }
.loveandeducation_list ul li{ float: left; width: 280px; margin-right: 20px; margin-bottom: 30px; }
.loveandeducation_list ul li .img{  }
.loveandeducation_list ul li .img  img{  border:#ececec solid 1px; padding: 3px; width: calc(100% - 8px); display: block; height: 210px;}
.loveandeducation_list ul li h2{  text-align: center; padding-top: 6px; line-height: 100%; }
.loveandeducation_list ul li h2 a{color: #000;  font-size: 15px; }


.loveandeducation_detail .title h1{text-align: center; font-size: 24px; padding-top: 40px; padding-bottom: 20px; color: #000;}
.loveandeducation_detail .imglist{ width: 800px; margin:0 auto; }
.loveandeducation_detail .imglist img{ width: 100%; display: block; }
.loveandeducation_detail .imglist .item{ position: relative; }
.loveandeducation_detail .imglist .item h1{ font-size: 16px; color: #000; padding-top: 20px; padding-bottom: 30px; text-align: center; }
.loveandeducation_detail .other{ padding-top: 10px; width: 800px; margin:0 auto; font-size: 16px; color: #000; }
.loveandeducation_detail .other .left{float: left;}
.loveandeducation_detail .other .right{float: right;}
.loveandeducation_detail .other a{ color: #000; font-size: 16px; } 
.loveandeducation_detail .other { padding-bottom: 50px; }
.loveandeducation_detail .imglist .item { display: block; }
.loveandeducation_detail .imglist .item { position: relative; }
.loveandeducation_detail .imglist .owl-dots{ position: absolute; left: 0px; right: 0px; bottom: 10px; }
.loveandeducation_detail .imglist .owl-dots span{ background:rgba(255,255,255,0.2)!important; }
.loveandeducation_detail .imglist .active span{ background:rgba(255,255,255,0.8)!important; }
.loveandeducation_detail .imglist { position: relative; }
.loveandeducation_detail .imglist .owl-prev{ position: absolute; left:-80px; top: 220px; background: #fff!important; color: #333!important; font-size:44px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}
.loveandeducation_detail .imglist .owl-next{ position: absolute; right:-80px; top: 220px; background: #fff!important; color: #333!important; font-size:44px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}

.loveandeducation_detail .html{ padding-top: 10px; width: 800px; margin:0 auto; font-size: 16px; color: #000; margin-bottom: 30px; }


.service_list { padding-top: 40px; }
.service_list .text{color: #000;  font-size: 16px;  line-height: 2em; margin-bottom: 30px; }
.service_list ul li{ float: left; width: 280px; margin-right: 20px; margin-bottom: 30px; }
.service_list ul li .img{  }
.service_list ul li .img  img{  border:#ececec solid 1px; padding: 3px; width: calc(100% - 8px);}
.service_list ul li h2{ font-size: 16px;  text-align: center; padding-top: 5px; line-height: 100%; }
.service_list ul li h2 a{color: #000;  font-size: 16px; }

.news_list { padding-top: 40px; }
.news_list ul li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: #ececec solid 1px; }
.news_list ul li .img{ float: left; width: 280px; margin-right: 30px; }
.news_list ul li .img img{ display: block;  border:#ececec solid 1px; padding: 3px; width: calc(100% - 8px);}
.news_list ul li .text{float: left; width: 890px;}
.news_list ul li .text h2 a{ font-size: 20px;  color: #000;}
.news_list ul li .text .time{ font-size: 14px;  color: #666;  margin-bottom:5px;}
.news_list ul li .text .description{ font-size: 16px;  color: #000; margin-bottom: 10px; }
.news_list ul li .text .more a{ font-size: 16px;  color: #39309c; }

.news_detail{ padding-top: 30px; }
.news_detail .title { border-bottom: #ececec solid 1px; padding-bottom: 20px; }
.news_detail .title h1{text-align: center; font-size: 30px; line-height: 2em;}
.news_detail .title p{text-align: center; font-size: 14px; line-height: 2em;}
.news_detail .content{ padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #000; line-height: 2em; padding-bottom: 30px; border-bottom: #ececec solid 1px; }
.news_detail .other{ padding-top: 30px; padding-bottom: 50px; }
.news_detail .other .left{float: left;}
.news_detail .other .right{float: right;}
.news_detail .other a{ color: #000; font-size: 16px; } 


.contact_detail { padding-bottom: 50px; }
.contact_detail .html{ padding-top: 50px; padding-bottom: 80px; border-bottom: #ececec solid 1px; margin-bottom: 40px; }
.contact_detail .html ul li{ float: left; width: 33.333%; }
.contact_detail .html ul li img{ float: left; width: 44px; margin-right: 20px; }
.contact_detail .html ul li .text{ float: left; width: 300px; }
.contact_detail .html ul li .text h3{ font-size: 16px; color: #666;  }
.contact_detail .html ul li .text p{ font-size: 18px; color: #000; line-height: 2em;  }



/*大屏幕*/
@media screen and (max-width: 1920px) {} 
/*平板*/
@media screen and (max-width: 768px) {

.detailtwomenu {  display: none; }
.banner .item { display: block; height: 300px; }
.banner .item a{ display: block; height: 300px; }

.banner .owl-prev{ position: absolute; left:10px; top: 110px; background: rgba(0,0,0,0.7)!important; color: #fff!important; font-size:24px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}
.banner .owl-next{ position: absolute; right:10px; top: 110px; background: rgba(0,0,0,0.7)!important; color: #fff!important; font-size:24px!important; width: 50px!important; height: 50px!important; line-height: 40px!important; border-radius: 50px!important;}
.banner .owl-item .item .text{ position: absolute; width: 100%; left:0; margin-left: auto; bottom: 0px; color: #fff; opacity: 0; transition: 0.5s;  transition-delay: 0.5s;transition-timing-function: linear; } 
.banner .owl-item .item .text a{ color: #fff; text-decoration: underline;  }
.banner .active .item .text{ position: absolute; width: 100%; left: 0; margin-left: auto; bottom: 00px; color: #fff;opacity: 1; } 
.banner .active .item .text .box{ float: right; padding: 10px; background: rgba(0,0,0,0.7); line-height: 1.6; font-size: 15px; text-align: right;}
.banner .active .item .text .box .content{ text-align: left; }

.index_banner .swiper-slide .text h1{ font-weight: bold; color: #fff; font-size: 46px;position: absolute;top: 350px; width:100%;  left: 50%; margin-left: 0; text-align: left; opacity: 0; transition: 0.5s;  transition-delay: 0.5s;transition-timing-function: linear; }
.index_banner .swiper-slide .text h2{ color: #fff; font-size: 24px;position: absolute; top: 430px;  width:100%;  left: 50%; margin-left: 0; opacity: 0; transition: 0.5s;  transition-delay: 0.8s;transition-timing-function: linear; }
.index_banner .swiper-slide-active .text h1{margin-left: 0;  opacity: 1;top: 120px;}
.index_banner .swiper-slide-active .text h2{margin-left: 0; opacity: 1;top: 190px;}


.index_about{ padding-top: 50px; padding-bottom: 50px; }
.index_about .pagewidth{ border-bottom: #ececec solid 1px; }
.index_about .title h1{ font-weight: normal; text-align: center; font-size: 24px; color: #000; line-height: 100%; }
.index_about .title span{  height: 2px; width: 30px; border-radius: 2px; background: #6e6d7a; display: block; margin: 20px auto;  }
.index_about .content{padding-bottom: 50px;}
.index_about .content .img{ float: none; width: 100%; }
.index_about .content .img img{ width: 100%; display: block; }
.index_about .content .text{ float: none; width: 100%; text-align: justify; line-height: 1.8em; font-size: 16px; font-weight: 500; }
.index_about .content .text a{ color: #3a2b9f }



.index_news{ padding-top: 0px; padding-bottom: 40px; }
.index_news .title h1{ font-weight: normal; text-align: center; font-size: 24px; color: #000; line-height: 100%; }
.index_news .title span{  height: 2px; width: 30px; border-radius: 2px; background: #6e6d7a; display: block; margin: 20px auto;  }
.index_news .content .item{ border-radius: 5px; border:#ececec solid 1px; overflow: hidden;}
.index_news .content .item img{width: 100%; display: block; }
.index_news .content .item .text{ padding: 25px; }
.index_news .content .item .text .data{ font-size: 14px; color: #666;}
.index_news .content .item .text .title{ font-size: 16px; color: #000;}

.index_news .owl-dots span{ background:rgba(0,0,0,0.2)!important; height: 2px!important; width: 30px!important; }
.index_news .active span{ background:#3a2b9f!important; }












.aboutcontent{ padding-top: 20px; padding-bottom: 50px; font-size: 16px; color: #000; line-height: 2em; }
.aboutcontent p{text-indent: 2em; }
.aboutcontent img{ width: 100%!important; float: none; margin: 0; }
.teachers_text { padding-top: 20px; padding-bottom: 30px; }
.teachers_text .pagewidth .text{ padding: 30px; background: #f5f5f5; border-radius: 5px; }
.teachers_text .pagewidth .text h1{ color: #3a2b9f; font-weight: normal; font-size: 24px; }
.teachers_text .pagewidth .text p{ color: #000; font-weight: normal; font-size: 16px; line-height: 2em; }
.teachers_list ul li{ border-bottom: #ececec solid 1px; padding-bottom: 30px; margin-bottom: 30px; }
.teachers_list ul li .photo{ float: none; margin-right: 0px; margin: 0 auto; width: 160px; text-align: center; }
.teachers_list ul li .photo img{ width: 152px; display: block; border:#ececec solid 1px; padding: 3px; }
.teachers_list ul li .photo p{ font-size: 18px; padding-top: 10px; color: #000; }
.teachers_list ul li .text{ float: none; width: 100%; font-size: 14px; color: #000; line-height: 2em; }
.teachers_list ul li .text a{  color: #3a2b9f; font-size: 16px; }
.teachers_list ul li .zheng{ float: none; width: 100%; padding-top: 20px; }
.teachers_list ul li .zheng img{  border:#ececec solid 1px; padding: 3px; width: calc(100% - 8px);}
.teachers_list .owl-dots span{ background:rgba(0,0,0,0.2)!important; height: 2px!important; width: 20px!important; }
.teachers_list .active span{ background:#3a2b9f!important; }


.loveandeducation_list { padding-top:20px; }
.loveandeducation_list ul li{ float: none; width: 100%; margin-right: 0px; margin-bottom: 20px; }
.loveandeducation_list ul li .img{  }
.loveandeducation_list ul li .img  img{  border:#ececec solid 1px; padding: 3px; width: calc(100% - 8px); display: block; height: auto;}
.loveandeducation_list ul li h2{  text-align: center; padding-top: 6px; line-height: 100%; }
.loveandeducation_list ul li h2 a{color: #000;  font-size: 15px; }


.loveandeducation_detail .title h1{text-align: center; font-size: 20px; padding-top: 40px; padding-bottom: 20px; color: #000;}
.loveandeducation_detail .imglist{ width: auto; margin:0 auto; }
.loveandeducation_detail .imglist img{ width: 100%; display: block; }
.loveandeducation_detail .imglist .item{ position: relative; }
.loveandeducation_detail .imglist .item h1{ font-size: 16px; color: #000; padding-top: 20px; padding-bottom: 30px; text-align: center; }
.loveandeducation_detail .other{ padding-top: 10px; width: auto; margin:0 auto; font-size: 16px; color: #000; }
.loveandeducation_detail .other .left{float: left;}
.loveandeducation_detail .other .right{float: right;}
.loveandeducation_detail .other a{ color: #000; font-size: 16px; } 
.loveandeducation_detail .other { padding-bottom: 50px; }
.loveandeducation_detail .imglist .item { display: block; }
.loveandeducation_detail .imglist .item { position: relative; }
.loveandeducation_detail .imglist .owl-dots{ position: absolute; left: 0px; right: 0px; bottom: 10px; }
.loveandeducation_detail .imglist .owl-dots span{ background:rgba(255,255,255,0.2)!important; }
.loveandeducation_detail .imglist .active span{ background:rgba(255,255,255,0.8)!important; }
.loveandeducation_detail .imglist { position: relative; }
.loveandeducation_detail .imglist .owl-prev{ position: absolute; left:20px; top: 100px; background: #fff!important; color: #333!important; font-size:34px!important; width: 40px!important; height: 40px!important; line-height: 40px!important; border-radius: 40px!important; opacity: 0.2}
.loveandeducation_detail .imglist .owl-next{ position: absolute; right:20px; top:100px; background: #fff!important; color: #333!important; font-size:34px!important; width: 40px!important; height: 40px!important; line-height: 40px!important; border-radius: 40px!important;opacity: 0.2}

.loveandeducation_detail .html{ padding-top: 10px; width: auto; margin:0 auto; font-size: 16px; color: #000; margin-bottom: 30px; }


.service_list { padding-top: 20px; }
.service_list .text{color: #000;  font-size: 16px;  line-height: 2em; margin-bottom: 30px; }
.service_list ul li{ float: none; width: auto; margin-right: 0px; margin-bottom: 20px; }
.service_list ul li .img{  }
.service_list ul li .img  img{  border:#ececec solid 1px; padding: 3px; width: calc(100% - 8px);}
.service_list ul li h2{ font-size: 16px;  text-align: center; padding-top: 5px; line-height: 100%; }
.service_list ul li h2 a{color: #000;  font-size: 16px; }

.news_list { padding-top:20px; }
.news_list ul li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: #ececec solid 1px; }
.news_list ul li .img{ float: none; width: 100%; margin-right: 0px; }
.news_list ul li .img img{ display: block;  border:#ececec solid 1px; padding: 3px; width: calc(100% - 8px);}
.news_list ul li .text{float: none; width: 100%;}
.news_list ul li .text h2 { line-height: 1.2em;  padding-top: 10px; padding-bottom: 10px;}
.news_list ul li .text h2 a{ line-height: 1.2em; font-size: 20px;  color: #000;}
.news_list ul li .text .time{ font-size: 14px;  color: #666;  margin-bottom:5px;}
.news_list ul li .text .description{ font-size: 16px;  color: #666; margin-bottom: 10px; }
.news_list ul li .text .more a{ font-size: 16px;  color: #39309c; }

.news_detail{ padding-top: 20px; }
.news_detail .title { border-bottom: #ececec solid 1px; padding-bottom: 20px; }
.news_detail .title h1{text-align: center; font-size: 22px; line-height: 1.4em; padding-bottom: 10px; padding-top: 20px;}
.news_detail .title p{text-align: center; font-size: 14px; line-height: 1.4em;}
.news_detail .content{ padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #000; line-height: 2em; padding-bottom: 30px; border-bottom: #ececec solid 1px; }
.news_detail .content img{ width: 80%; margin: 0 auto; display: block; }
.news_detail .other{ padding-top: 30px; padding-bottom: 50px; }
.news_detail .other .left{float: left;}
.news_detail .other .right{float: right;}
.news_detail .other a{ color: #000; font-size: 14px; margin-bottom: 20px; display: block; } 


.contact_detail { padding-bottom: 50px; }
.contact_detail .html{ padding-top: 50px; padding-bottom: 80px; border-bottom: #ececec solid 1px; margin-bottom: 40px; }
.contact_detail .html ul li{ float: none; width: 100%; margin-bottom: 20px; }
.contact_detail .html ul li img{ float: left; width: 36px; margin-right: 20px; }
.contact_detail .html ul li .text{ float: left;  }
.contact_detail .html ul li .text h3{ font-size: 16px; color: #666;  }
.contact_detail .html ul li .text p{ font-size: 18px; color: #000; line-height: 2em;  }
.contact_detail .html ul li .text a{ color: #000 }


}
/*手机*/
@media screen and (max-width: 480px) {

}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}